动画图标库
拥有超过 21,500 个精心设计的图标，适用于数字产品、演示或视频。用户可以轻松找到各种风格的图标，若找不到合适的图标，可以请求定制设计。
1K
设计师、前端开发者与内容创作者用它为Web、移动端或演示项目快速添加高品质动画图标——Lordicon提供46400+个图标，覆盖Outline、Lineal、Gradient、Wired、Doodle、System六大风格家族，支持Lottie、GIF、MP4、WebP、APNG、SVG、PNG等10种导出格式。
| 平台 | Web、React、Flutter、WordPress、Figma、Google Slides/Docs |
|---|---|
| 中文 | 官网及文档仅英文，无中文界面 |
| 用途 | 为网页、移动应用、演示文稿、视频提供静态与动画图标 |
它能做什么
图标可响应hover、loop、morph、pinch等多种交互触发方式，通过HTML自定义元素<lord-icon>嵌入网页，支持实时调整颜色、描边粗细与动画状态。
- 格式覆盖: 输出Lottie JSON、GIF、MP4、WebP、APNG、SVG、PNG、AEP、MOGRT，适配开发与视频编辑
- 交互触发: 支持hover、loop、morph、hover-pinch、loop-roll等，可精确控制动画行为
- 定制能力: 在官网编辑器内直接修改图标颜色、描边样式（light/bold），并实时预览
- 集成方式: 提供NPM包、CDN脚本、React组件、Flutter库、WordPress/Figma/Slides插件
内容特色与风格
图标按使用场景分为两大体系：Wired Family（装饰性、趣味表达，适合大尺寸展示）和System Family（极简、高可读性，适合小尺寸界面）。此外还有Doodle Family（手绘风格）和Regular/Solid等变体。
- Wired Family: 38467个图标，设计fun、expressive、modern，适合作为装饰性解释元素
- System Family: 1518个图标，极简设计保证小尺寸清晰度，适合菜单、按钮
- Doodle Family: 6433个图标，手绘风格，吸引注意力
- 风格切换: 同一图标可切换Outline、Flat、Lineal、Gradient、Color Motif等视觉风格
收费与限制
免费版永久可用但需署名，PRO版年付$8/月（月付$16/月）可商用免署名，Team PRO版年付$39/月（月付$59/月）支持50人协作。所有付费计划均允许永久使用已导出图标，取消订阅不影响已下载资源。
- 免费版: 9100个动画图标，1个图标集合，个人许可证，需署名
- PRO版: 额外37300个图标，无限图标集合，最多5个集合访客，商业许可证无需署名
- Team PRO版: 最多50名团队成员，250个集合访客，专属支持
- 导出限制: 所有计划均无下载次数限制，付费用户可导出全部格式
- 慈善承诺: 利润的10%捐赠给慈善机构
怎么上手
最简单的用法是在HTML中加载CDN脚本（lordicon.js），然后用<lord-icon>标签嵌入图标JSON。官方文档提供Web、React、Flutter、WordPress、Figma、Google Slides/Docs的详细集成指南。
- CDN嵌入: 在<head>中加载https://cdn.lordicon.com/lordicon.js，页面内使用<lord-icon>标签
- 代码示例: 通过trigger属性设置hover/loop，stroke属性控制light/bold，colors属性自定义主色与辅色
- 文档资源: docs分区涵盖基础样式、动画格式、出色实践、各平台集成教程
- 出色实践: 避免持续循环动画，同一界面使用同家族图标，小尺寸优先选System Family
常见问题
Q1：Lordicon免费版与PRO版在商用授权上有什么区别？
A1：免费版需在项目或网站中标注“Icon by Lordicon”署名，仅限个人使用；PRO版（$8/月年付）无需署名，可用于商业项目，且允许无限导出所有格式。
Q2：Lordicon的动画图标能否在Figma或WordPress中直接使用？
A2：可以。Lordicon提供官方Figma插件（可一键导入图标并调整动画参数）和WordPress Gutenberg插件，同时支持Google Slides/Docs插件。
Q3：Lordicon的Wired和System图标家族分别适合什么场景？
A3：Wired家族（38467个）设计偏装饰性、趣味性强，适合大尺寸展示或作为页面视觉亮点；System家族（1518个）极简清晰，专为小尺寸界面（如菜单、按钮）优化，保证可读性。
更多同类工具与网站,可在图标分类继续挑选。
-
相关推荐
-
开源的动态图标库
开源流畅动画图标集合，可用于您的项目。开源且免费可以随意使用它们， 使用 framer-motion 和 lucide 构建485 详情 -
IKonate
完全可定制和使用的矢量图标库430 详情 -
IOSicongallery
IOS平台APP图标收录和欣赏390 详情 -
logolab
帮设计师只管检查logo的工具416 详情 -
Hugeicons Pro
3800+免费图标库，每个提供 7 种样式489 详情 -
icomoon
矢量图打包成图标字体的技术平台2K 详情 -
精选全球高品质、开源、免费的矢量图标库
175 个图标库，23 万个精品矢量图标，多种语言跨图标库搜索，丰富的类型及风格筛选，快速自定义图标颜色、尺寸及代码风格，专供开发者和设计师一键复制、下载417 详情 -
iconfinder
高质量付费图标下载437 详情
评论
暂无评论