Advertisement

image

 

この記事では、ユニークなアニメーションを実装したアイコン素材200個セット「Animated Icons from Icons 8」をご紹介します。ウェブサイトやモバイルアプリで普段何気なく利用しているアイコンに、少しだけ動きを加えることでユーザーの注目を集め、アッと言わせるクリエイティブな仕掛けを演出できます。

 

 

素敵なアニメーションのアイコン素材パック Animated Icons from Icons 8

 

Animated Icons from Icons 8 は、ウェブサイトはもちろんiOSやAndroidにも対応したアニメーション付きアイコン素材で、ウェブやメディアなど8つの大きなカテゴリ分類されています。

 

 

ダウンロードできるファイル形式も豊富で、GIFアニメーションの他にAfter Effects用.aepファイル、JSONファイルがセットに。Airbnb謹製のアニメーションライブラリ「Lottie」を使い、利用したいアイコンのJSONファイルを貼り付けるだけのお手軽さも特長です。

 

 

目的のアイコンを探しやすいように、Webや天気、ソーシャルメディア、読み込みローディング、UIなど8つのカテゴリに分類、整理されています。

 

 

クリックなどの視覚的なフィードバックとして役立ち、ウェブサイトからモバイルアプリまで幅広く活用できる点も素敵です。

 

 

 

200種類のアニメーションアイコンは、8つのカテゴリに分類されています。まずWeb関連。

animated-icons-web

 

動画や音声ファイルの再生に便利なMedia。

animated-icons-media

 

おなじみの絵文字にもアニメーションが。@Emoji

animated-icons-emoji

 

お天気アイコンは、特にアニメーションが多彩なカテゴリのひとつ。@Weather

animated-icons-weather

 

読み込みローディングに便利な@Loaders

animated-icons-loaders

 

ウェブサイトに欠かせないソーシャルメディア各種も揃います。@Social

animated-icons-social

 

ウェブサイト制作で必要になるであろうアイテムをまとめた@UI

animated-icons-ui

 

ショッピングサイトでの活用を想定した@Ecommerce

animated-icons-ecommerce

 

 

個人、商用に関わらず利用できますが、Icons8.comへのリンクが必須となるので注意が必要です。

use_91_500_icons_for_ios__windows__and_android__material_icons__for_free

 

参照元リンク : 200 Free Animated Icons – Icons8.com