jQueryとCSS3 transitionやtransformを使って、すっきりしてきれいなデザインのアイコンアニメーションです。 このまま実際に使えそうな仕上がりなので、掲載させていただきました。

紺色のアイコンがオリジナルのもので、クリックすると、toggleでCSSアニメーションが発動します。暗い赤色のアイコンは追加したもので、ホバーすると、同じくtoggleでCSSアニメーションが発動します。