SuperAPI AI 工具集

frontend-iconify

前端与建站

查看项目

更新于 10-16 09:49

技能介绍

用途:为 UI 项目查找和集成图标。资料建议优先使用免费资源,头像可用 DiceBear 或 Boring Avatars,照片可用 Unsplash 或 Picsum,插画可用 unDraw 或 Storyset。

主要能力:通过 Iconify 单一 API 访问 20 万+ 开源图标;可按概念搜索图标,或指定图标集(如 Lucide、Heroicons)。可下载 SVG 供项目使用,也可用作动态图标组件。

使用方式:搜索用 curl "https://api.iconify.design/search?query=dashboard",可取回结果后选择。直接获取 SVG 用 curl "https://api.iconify.design/lucide/home.svg",自定义颜色需 URL 编码 #,例如 ?color=%236366f1。React 集成推荐安装 @iconify/react,再引入 Icon 组件,如 <Icon icon="lucide:home" width={24} />。下载 SVG 可用 curl -o ./public/icons/home.svg,批量下载可用 for 循环遍历图标名。官方图标浏览地址为 https://icon-sets.iconify.design。

推荐图标集:Lucide(默认、shadcn)、Heroicons(Tailwind)、Phosphor(多字重)、Tabler(数量多)、Simple Icons(品牌标志)。风格匹配:现代简洁用 Lucide、Feather;企业用 Heroicons、Material;活泼用 Phosphor fill;品牌标志用 Simple Icons。

适用场景:需要按概念定位图标、指定图标集、批量下载 SVG 或使用动态图标组件的 UI 项目。

限制:资料未说明收费、价格、平台限制或具体性能数据;图标可用性和命名以 Iconify API 实际返回为准,使用前应核对许可证。