Skip to content

yijinc/icon-garden

Repository files navigation

English

介绍

在使用 IconPark 中发现不太满足项目需要,所以有了这个库,相关 issue

这是最简单的SVG图标库,参考来源于 IconPark, 不同的是 这个库 仅支持单色图标,但它可能更适用于您项目中的图标

特点:

  • 只支持改变colorsize 两个属性。
  • 设计/开发 无需按照绘制规范制作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