yijinc / icon-garden

🚗 the Simplest Svg icon for React,vue,svg

Home Page:https://yijinc.github.io/icon-garden/docs/icon

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

About

🚗 the Simplest Svg icon for React,vue,svg

https://yijinc.github.io/icon-garden/docs/icon

License:ISC License


Languages

Language:TypeScript 100.0%