简介
Lordicon 要解决的是「想让图标动起来，又不想自己画、也不想用风格不统一的免费素材」这件事：它把手工绘制的动画图标做成一个可检索的库，官网、App、演示文稿与短视频里都能直接用。它替代的是在几个免费图标站之间来回翻、再回 AE 里自己补动画的老路——在这里挑好图标、在网页上把颜色调对，直接导出成需要的格式就能上线。
库里的素材按风格分成三个家族：装饰性的 Wired 有 39263 个图标，极简的 System 有 2299 个，手绘感的 Doodle 有 6583 个，合计 48,100+ 个动画图标。免费部分单独开了 9,700+ 个、不登录就能下载，PRO 图标则有 38,300 个。每枚图标自带 Intro、Hover、Morph、Loop 等多种动画状态，在线编辑器能改配色、笔画、速度、尺寸与背景，导出侧一次给到 Lottie、GIF、MP4、SVG、PNG、WebP、APNG、AEP、MOGRT 等格式，网页、剪辑软件与演示工具各有对应产物。图标由团队逐个画成矢量、再逐帧调动画入库，站点版权年份从 2018 年排到 2026 年，积累的是素材本身，不是模板拼装。
适用人群
需要给官网、产品页、App 或演示稿补动效的人最适合用它：挑现成的手工动画图标改完颜色直接导出，省掉自己画矢量、再逐帧做动画的时间，个人项目用免费档就够，商用站点订阅每月 8 美元的 PRO 即可去掉署名。只想要静态图标、或者要求图标必须与自家设计系统逐笔对齐的团队不建议把它当唯一来源——静态素材去免费图标库更划算，深度定制仍得自己画；偶尔用几枚图标也不值得上团队版，团队版是给多人协作与多个收藏夹准备的。
优缺点
- ✅ 免费档能直接用：9,700+ 个动画图标不注册也能下载，免费档同样给商用许可，个人站与小项目不必先付费。
- ✅ 订阅门槛低：PRO 每月 8 美元、团队版每月 39 美元（都是年付价），一次订阅就能解锁 38,300 个 PRO 图标并去掉署名要求。
- ✅ 挑素材不折腾：免费与 PRO 图标混排在同一个库里，能按风格、分类与关键词过滤，省掉在多个图标站之间来回比价。
- ✅ 风格统一：图标由团队手工画制、逐个调动画，成套用在一个站点里不会出现拼凑感。
- ❌ 免费档要署名：免费图标商用需要署名，做成站要额外留出署名位置，去掉署名是付费档的权益。
- ❌ 没有离线与桌面端：取图标、调动画都依赖联网，断网或内网环境用不了。
使用方法
- 免费素材不用注册：进图标库先按风格与分类筛选，把 Free only 开关打开只留免费图标，选好就能下载；要下载 PRO 图标、把图标存进收藏夹或使用完整编辑器时，需要注册账号，PRO 还得先订阅。
- 在右侧编辑器里把图标调成自己站点的样子：Animation 一栏切换 reveal、pinch、portrait 这类动作预设，Colors 里填十六进制色值替换配色，再按需要调笔画、速度、尺寸与背景。
- 导出按用途挑格式：网页用 SVG 或 Lottie，视频与演示稿用 MP4、GIF，要在 AE 里继续加工就拿 AEP、MOGRT，一次可以取到 Lottie、GIF、MP4、SVG、PNG、WebP、APNG、AEP、MOGRT 九种产物。
- 把图标接进自己的项目：前端装 @lordicon/element 并用 defineElement 注册 lord-icon 元素，src 指向图标 JSON 地址，页面里就能播放同一枚图标，颜色与播放动作由标签属性控制；WordPress、Webflow、React 各有现成文档，Figma 社区插件与 Google Workspace 插件可以直接在设计稿与演示文稿里取图。
- 注意两条边界：免费档下载的图标商用要署名，不想署名必须订阅 PRO；站内没有离线包与桌面客户端，所有操作都要联网完成，国内使用需要自备代理。
收费说明
免费与付费两档并存。免费档是 0 美元、长期有效的档位：9,700 个免费动画图标、1 个收藏夹（icon collection）、无限次导出，含商用许可但要署名。PRO 每月 8 美元（按年付），解锁 38,300 个 PRO 图标、10 个收藏夹、最多 5 位收藏夹访客，去掉署名要求并保留已下载图标的永久使用权；团队版每月 39 美元（按年付），把收藏夹提到 100 个、席位提到 50 人、访客提到 250 位，另附专属支持。费用只走订阅，三档的下载次数都不设上限、许可一律含商用，没有按量计费也没有单枚购买，增值税与当地税另计。站内另有面向学生、学校与教室的教育优惠入口，具体折扣按页面指引单独确认。结论：做个人站与临时项目，免费档足够；商用站要去掉署名，每月 8 美元的 PRO 是最划算的一档。
平台支持
形态是网站与在线应用：全部功能跑在浏览器里，桌面浏览器与手机浏览器都能打开，站内没有需要安装的客户端，也没有离线包与独立 App。国内不能直连打开，访问站点与下载素材都要自备代理；页面还挂着 Google Tag Manager 与 Facebook、TikTok 的统计脚本，这些墙外请求同样要代理才能加载。账号走站内邮箱注册，不强制绑定 Google 或 Apple 账号。面向开发者的配套齐全：有 npm 组件、公开的 API 入口，以及 HTML/JS、React、WordPress、Webflow 四类接入文档，另有 Figma 社区插件与 Google Workspace 插件把图标接进设计稿与演示文稿。移动端只有网页版可用，适合随手找图与预览动画，正式的编辑与导出还是桌面浏览器更顺手。
截图
