Merhaba. Bahsettiğiniz olay bir CSS animation olayı. Sitedekinin aynısını alıp buraya eklemek hoş olmaz.
Diyelim ki şöyle bir yapınız var:

<nav>
    <a><i class="icon">ikon</i> Link 1</a>
    <a><i class="icon">ikon</i> Link 2</a>
    <a><i class="icon">ikon</i> Link 3</a>
    <a><i class="icon">ikon</i> Link 4</a>
</nav>

Stil olarak şu yapıyı kullanabilirsiniz:

nav.menu a {
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
}
nav.menu a:hover .icon {
    animation: .5s cubic-bezier(0.35, 0.10, 0.20, 0.95) both salla;
    transform-origin: top right;
}
@keyframes salla {
    0%,to { transform: rotate(0) }
    15% { transform: rotate(8deg) }
    30% { transform: rotate(-8deg) }
    45% { transform: rotate(6deg) }
    56% { transform: rotate(-6deg) }
    70% { transform: rotate(3deg) }
    85% { transform: rotate(-3deg) }
    95% { transform: rotate(2deg) }
}

Sitede aşağı yukarı buna benzer bir işlem yapılmış.