文件名称：pixo：将SVG图标转换为React组件
文件大小：55KB
文件格式：ZIP
更新时间：2024-02-22 06:36:42
react svg cli components icons
pixo
将SVG图标转换为React组件
npm i pixo
传递目录或SVG文件路径作为第一个参数。
$ pixo src --out-dir dist
每个SVG图标将被自动优化并重命名为组件的Pascal Case文件名。 然后可以将图标组件导入到React应用程序中。
import React from ' react '
import CheckIcon from ' ./CheckIcon '
const App = props => (
< div>
< CheckIcon>
)
默认组件模板包括以下方面的支持：
size （数字）像素的宽度和高度（默认为24 ）
传递给SVG fill属性的color （字符串）颜色值（默认为'currentcolor' ）
SVG要求
每个SVG图标必须符合以下条件：
使用正方形viewBox属性，最好是0 0 24 24
仅使用一种颜色（例如黑色）
为了获得最佳结果，请仅使用
【文件预览】：
pixo-master
----.gitignore(39B)
----package.json(1KB)
----package-lock.json(220KB)
----LICENSE.md(1KB)
----bin()
--------cli.js(3KB)
----.travis.yml(36B)
----test.js.md(22KB)
----index.js(34B)
----test.js(4KB)
----examples()
--------search.svg(311B)
--------nested()
--------skull.svg(318B)
----README.md(4KB)
----lib()
--------templates.js(1KB)
--------index.js(4KB)
----test.js.snap(2KB)
----.npmignore(56B)