3.0.7 • Published 16 days ago
reiconify-cli v3.0.7
reiconify
Convert SVG icons to React components.
Features
- Custom component templates, includes base class.
- Export both ES modules and CommonJS modules.
- Provide
center
prop for aligning icon with text,see how it works. - Provide dev tool for generating static icon site.
- Generate uniqute IDs for svg elements if needed.
Install
npm install reiconify-cli --save-dev
CLI Options
reiconify [options] [files]
Options:
--version Show version number [boolean]
--src Build JSX source files [boolean] [default: false]
--src-dir JSX output directory [string] [default: "src"]
--es Build ES module files [boolean] [default: false]
--es-dir ES output directory [string] [default: "es"]
--cjs Build CommonJS files [boolean] [default: false]
--cjs-dir CommonJS output directory [string] [default: "cjs"]
--serve Serve source icons [boolean] [default: false]
--static Build static site [boolean] [default: false]
-h Show help [boolean]
Configuration File
Add reiconify.config.js
(optional) to your project:
module.exports = {
template: Function,
baseTemplate: Function,
filenameTemplate: Function,
defaultProps: {},
baseClassName: 'Icon',
baseDefaultProps: {
viewBox: '0 0 24 24',
},
svgoPlugins: [
{
removeAttrs: {attrs: ['fill', 'svg:(viewBox)']},
},
],
}
CLI Usage
Add npm scripts:
{
"name": "my-icons",
"main": "cjs/index.js",
"module": "es/index.js",
"files": ["src", "es", "cjs"],
"scripts": {
"start": "reiconify --serve",
"build": "reiconify --src --es --cjs icons/*.svg"
}
}
Structure SVG files:
icons
├── check.svg
├── thumb-up.svg
└── ...
Build icons:
npm run build
Import icons:
import * as Icons from 'my-icons'
<Icons.Check />
<Icons.ThumbUp size={20} fill={'#rgb'} />
API Usage
import {transform} from 'reiconify'
const code = transform(svg)
3.0.7
16 days ago
3.0.6
1 month ago
3.0.5
2 months ago
3.0.4
2 years ago
3.0.3
2 years ago
3.0.2
2 years ago
3.0.1
2 years ago
3.0.0
2 years ago
2.4.0
2 years ago
2.3.0
2 years ago
2.2.2
3 years ago
2.2.1
3 years ago
2.2.0
3 years ago
2.1.0
3 years ago
2.0.0
3 years ago
1.7.0
3 years ago
1.6.0
3 years ago
1.5.0
3 years ago
1.4.1
4 years ago
1.3.1
5 years ago
1.3.0
5 years ago
1.0.0
5 years ago