图标 ID 与项目接入
目录
图标 ID
墨图爱可沿用 Iconify 的写法：图标集前缀:图标名。
tabler:home是 Tabler 图标集里的 home。- 同名不同集是不同的图标：
tabler:home和mdi:home是两枚图标。 - 图标集前缀就是站内图标集页的地址：
/collection/tabler。 - 单枚图标的页面地址：
/icon/tabler/home。
注意：
- 中文搜索别名（如「首页」对应 home）只在本站搜索框里有效，不是图标 ID。
- 不要把
/collection/…、/icon/…页面地址当成 SVG 地址用。
在站内拿到代码
顶栏切到「开发者」模式，预览里会多出：
- 图标 ID 和
i-前缀的 class 写法（如i-tabler-home）； - Vue / React 组件代码；
- 在本地安装整套图标数据的命令（npm / pnpm / yarn / bun 任选）。
来自 Iconify 的图标集
这部分图标在 Iconify 官方渠道里都有，程序里请直接从官方渠道取，不要抓本站页面：
- npm 包：
@iconify/json，单套数据在@iconify/json/json/{前缀}.json； - Iconify 官方 API：
https://api.iconify.design/{前缀}/{图标名}.svg，例如 https://api.iconify.design/tabler/home.svg 。
本站增补的图标集
本站增补集的前缀以 motu- 等开头（如 motu-fuxa）。它们的 ID 写法和 Iconify 一致，但不在 Iconify 官方 API 和 npm 包里（2026-10-28 实测 api.iconify.design 和 npm 上都查不到 motu-fuxa）。
所以：
- 不要对增补集执行
npm i @iconify-json/{前缀}之类的安装命令，npm 上没有这些包； - 用
@iconify/vue等按需从 Iconify 官方 API 取图的组件引用增补集，也取不到图； - 取用增补集，请在本站预览里复制或下载 SVG，或在图标集页打包下载 SVG / JSON。
墨图爱可自己的图标接口还在开发中，见《API 与 MCP（开发中）》。
许可
在代码里引用图标，同样要遵守该图标集的许可。品牌 Logo 能否商用，要看商标说明和该集许可，不是看「MIT」三个字。详见用户文档《图标许可怎么看》。