圖標動效不用自己做，這個免費網站幫你搞定了！

如果要開發應用或制作網站，我們通常會尋找適合的免費圖標，如此一來就能減少開發成本，也能更快制作出符合期待的界面，像之前介紹過的 illustrio 不僅可以直接套用，而且也具備一定程度的可修改性，對于開發者來說是不可多得的資源。

本文要介紹的「useAnimations」是一個免費動態圖標集，使用Lottie框架和After Effects制作而成，可以立即套用到你的應用程式或網站中。這個圖標集是從 Feather Icons 修改而來，加入各種動態效果讓它更適合使用于界面設計上，如果有興趣的話可以直接在網站上預覽效果或取得相關資源。

useAnimations 網站收錄圖標包括警告、通知、導航、動作、內容、切換、媒體、載入中、社群網站和其他圖案等各種類型，有些圖標是點擊后才會有動態效果，有些是將游標移動到圖案上就會看到動態顯示，共通點是只要下載原始檔就能使用，亦可用于個人或商業用途。

值得一試的三個理由：

• 免費動態圖標集，可使用于個人或商業用途
• 從Feather Icons 修改而來，加入動態效果更有吸引力
• 下載.svg 和.json 格式亦有實際范本可以參考

useAnimations

網站鏈接：https://useanimations.com/

使用教學

開啟useAnimations 往下拖曳就能找到免費動態圖標列表，依照說明，這些圖標是從Feather Icons 修改而來，每周更新。

useAnimations圖標依照不同類型排列，上面也會有呈現動態效果的方式，有些是將鼠標移動上去就會出現，有些則要點選才會出現效果，每個游標都會有一個「Download」按鈕可下載相關資源。

圖標提供.svg向量圖和.json格式，通過一串程序就能在適當時機建立出動畫的動態效果。