最简单的SVG图标库,搭建自己的图标库

最简单的SVG图标库,只支持colorsize 两个属性
直接添加 svg文件,生成react 、vue、vue3、svg 对应组件

github项目地址

安装

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

其他使用图标

可在线复制/下载需要的图标, 查看全部图标

图标操作.jpg
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容