kc-svg-sprite

kc-svg-sprite

基于React，单独管理 svg icon 的项目，svg资源文件位于src/icons，可以独立打包，输出两个文件

• lib/svgSprite: 制作 svg-sprite 并插入到 html 文件 body 开头
• lib/index: SvgIcon组件

使用

// 入口文件

import 'kc-svg-sprite/lib/svgSprite';

// 业务

import SvgIcon from 'kc-svg-sprite';

export default props => {
  return <SvgIcon iconId={iconId} />; // iconId kc-svg-sprite中svg资源的文件名
};

关于文件名

有填充颜色的需要带上-fill后缀，不需要填充的会自动删除svgpath:fill属性

索引icon

lib/demo/demo.html包含所有图标id索引，可在浏览器中查看