CSS ICON animateは任意のアイコンから別のアイコンへの遷移アニメーションを、アイコンも含めて全てCSSで作れるサービスです。 以前ご紹介した、CSSのみで出来たアイコン集のCSS ICONが、各CSSアイコンからCSSアイコンへのアニメーションコードを提供するようになったみたいです。 任意のCSSアイコンを2つ選択するだけで、選んだ順にアニメーションしながら遷移するコードを発行してくれます。 example ↑ アイコンをクリックすると別のアイコンに変化します。両アイコンともCSSで作られています。 楽で良いんですが、デフォルトで用意されているのがクリックイベントで遷移するJSコードがjQueryだったりCSS ICONのCDNを@importしてたりなのでこの辺は必要に応じて便宜変更してください。 中には微妙なアニメーションもあるので違和感あるならおとなしくSVGで書いた方
![任意のCSSアイコンから別のCSSアイコンへの遷移アニメーションのコードを提供する・「CSS ICON animate」](https://cdn-ak-scissors.b.st-hatena.com/image/square/a0b15f1a285852a834f5b458a841cebf94c51068/height=288;version=1;width=512/http%3A%2F%2Fkachibito.net%2Fwp-content%2Fuploads%2F2021%2F03%2Fcssiconanimate01.jpg)