UI用のアニメーションがかわいくて楽しい! 商用利用も無料、アニメーションで動くアイコン素材 -pqoqubbw/icons

WebサイトやスマホアプリのUIデザイン用にかわいくて楽しいアニメーションで動くアイコン素材を紹介します。

ハンバーガー用の×に変化するアニメーション、@を一筆書きで描くアニメーション、時計の針がくるくる回るアニメーションなど、ReactのモーションライブラリFramerを使用した動くアイコンがたくさん揃っています。

アニメーションで動くアイコン素材 -pqoqubbw/icons

beautifully crafted animated icons
pqoqubbw/icons -GitHub

pqoqubbw/iconsは、Webサイトやスマホアプリのプロジェクト用に美しいアニメーションで動くアイコンのコレクションです。MITライセンスで、個人でも商用のプロジェクトでも無料で利用できます。

アニメーションで動くアイコンは、下記ページから。

サイトのキャプチャ

beautifully crafted animated icons

アイコンにはLucideが使用されており、アニメーションにはFramerが使用されています。矢印とかすこし動くだけでも楽しいですよね。

サイトのキャプチャ

アイコンは現在、95種類が揃っています。このプロジェクトは現在進行中で、今後も継続的に拡張に取り組んでいく、とのことです。
バナナは皮を剥くアニメーションが見たかったかな。

サイトのキャプチャ

アイコン下のボタンをクリックすると、Reactコードを含むTypeScriptファイルを利用できます。

サイトのキャプチャ

アイコンのダウンロード

sponsors

top of page

©2024 coliss