在使用 IconPark 中发现不太满足项目需要,所以有了这个库,相关 issue
这是最简单的SVG图标库,参考来源于 IconPark, 不同的是 这个库 仅支持单色图标,但它可能更适用于您项目中的图标
特点:
- 只支持改变
color
和size
两个属性。 - 设计/开发 无需按照绘制规范制作svg,在 figma\sketch\photoshop 等直接导出(任意)svg文件即可生成组件
yarn add @icon-garden/react
# for vue
yarn add @icon-garden/vue-next
import { AddBaseFilled, AddBaseOutline } from '@icon-garden/react';
<AddBaseOutline color="#b0b1b8" size="20" />
将任意svg图标文件放到 /source
目录下,然后执行
# 生成组件
npm run compiler
# 打包组件到 lib & es
npm run build
# 发布
npm run publish