图标动效不用自己做，这个免费网站帮你搞定了！

扫一扫
官方手机版

扫一扫
AI创作程序

扫一扫
木子公众号

扫一扫
AI公众号

如果要开发应用或制作网站，我们通常会寻找适合的免费图标，如此一来就能减少开发成本，也能更快制作出符合期待的界面，像之前介绍过的 illustrio 不仅可以直接套用，而且也具备一定程度的可修改性，对于开发者来说是不可多得的资源。

设计神器！100％免费在线定制图标库Illustrio

@短腿僵尸木：对于UI和网页设计师来说，Icon的使用十分重要。

本文要介绍的「useAnimations」是一个免费动态图标集，使用Lottie框架和After Effects制作而成，可以立即套用到你的应用程式或网站中。这个图标集是从 Feather Icons 修改而来，加入各种动态效果让它更适合使用于界面设计上，如果有兴趣的话可以直接在网站上预览效果或取得相关资源。

useAnimations 网站收录图标包括警告、通知、导航、动作、内容、切换、媒体、载入中、社群网站和其他图案等各种类型，有些图标是点击后才会有动态效果，有些是将游标移动到图案上就会看到动态显示，共通点是只要下载原始档就能使用，亦可用于个人或商业用途。

值得一试的三个理由：

• 免费动态图标集，可使用于个人或商业用途
• 从Feather Icons 修改而来，加入动态效果更有吸引力
• 下载.svg 和.json 格式亦有实际范本可以参考

useAnimations

网站链接：https://useanimations.com/

使用教学

开启useAnimations 往下拖曳就能找到免费动态图标列表，依照说明，这些图标是从Feather Icons 修改而来，每周更新。

useAnimations图标依照不同类型排列，上面也会有呈现动态效果的方式，有些是将鼠标移动上去就会出现，有些则要点选才会出现效果，每个游标都会有一个「Download」按钮可下载相关资源。

图标提供.svg向量图和.json格式，通过一串程序就能在适当时机建立出动画的动态效果。