SVG icon to react component.
npm install icongoIconGo
===





Easily include popular icons in your React projects and provide an easy tool to convert svg into React components.
All Packages
| Name | NPM Version | Website |
| ----- | ----- | ----- |
| @icongo/ad |  | #preview |
| @icongo/ae |  | #preview |
| @icongo/bi |  | #preview |
| @icongo/bl |  | #preview |
| @icongo/br |  | #preview |
| @icongo/bs |  | #preview |
| @icongo/bts |  | #preview |
| @icongo/cb |  | #preview |
| @icongo/cci |  | #preview |
| @icongo/ccp |  | #preview |
| @icongo/cg |  | #preview |
| @icongo/ci |  | #preview |
| @icongo/co |  | #preview |
| @icongo/ct |  | #preview |
| @icongo/cy |  | #preview |
| @icongo/di |  | #preview |
| @icongo/ei |  | #preview |
| @icongo/ev |  | #preview |
| @icongo/fa |  | #preview |
| @icongo/fc |  | #preview |
| @icongo/fd |  | #preview |
| @icongo/fg |  | #preview |
| @icongo/fi |  | #preview |
| @icongo/fl |  | #preview |
| @icongo/fp |  | #preview |
| @icongo/fs |  | #preview |
| @icongo/gi |  | #preview |
| @icongo/go |  | #preview |
| @icongo/gr |  | #preview |
| @icongo/gy |  | #preview |
| @icongo/hi |  | #preview |
| @icongo/ic |  | #preview |
| @icongo/ii |  | #preview |
| @icongo/ik |  | #preview |
| @icongo/im |  | #preview |
| @icongo/io |  | #preview |
| @icongo/ir |  | #preview |
| @icongo/is |  | #preview |
| @icongo/iu |  | #preview |
| @icongo/ix |  | #preview |
| @icongo/ji |  | #preview |
| @icongo/la |  | #preview |
| @icongo/lg |  | #preview |
| @icongo/li |  | #preview |
| @icongo/lu |  | #preview |
| @icongo/mc |  | #preview |
| @icongo/md |  | #preview |
| @icongo/mi |  | #preview |
| @icongo/mn |  | #preview |
| @icongo/mp |  | #preview |
| @icongo/mr |  | #preview |
| @icongo/pbi |  | #preview |
| @icongo/pk |  | #preview |
| @icongo/pp |  | #preview |
| @icongo/ps |  | #preview |
| @icongo/ri |  | #preview |
| @icongo/scwi |  | #preview |
| @icongo/si |  | #preview |
| @icongo/sk |  | #preview |
| @icongo/sl |  | #preview |
| @icongo/sn |  | #preview |
| @icongo/sti |  | #preview |
| @icongo/tb |  | #preview |
| @icongo/ti |  | #preview |
| @icongo/tii |  | #preview |
| @icongo/tn |  | #preview |
| @icongo/uiw |  | #preview |
| @icongo/vl |  | #preview |
| @icongo/vsc |  | #preview |
| @icongo/vsi |  | #preview |
| @icongo/vv |  | #preview |
| @icongo/wi |  | #preview |
| @icongo/wl |  | #preview |
``jsx
import { DIAndroid } from "@icongo/di";
import { STIApple } from '@icongo/sti/lib/STIApple';
function Demo() {
return (
icongo
`bash
npm i icongo
``shell
Usage: icongo [options] [--help|h]Options:
--output, -o Output the svg icon component to the specified directory. Default: "components"
--source, -s svg icon folder. Default: "icons"
--prefix SVG component name prefix.
--filter Matching some icons does not generate components.
--rename, -r Icon rename E.g: '{"jet-pack": "JetPack1"}'.
--config, -c SVGR supports project configuration files for SVGR, SVGO and Prettier.
--version, -v Show version number
--help, -h Displays help information.
Example:
npm icongo --output components
npm icongo --source icons
npm icongo --source icons --config='{"svgProps": {"viewBox": "0 0 20 20"}}'
npm icongo -s svg -o src -r '{"jet-pack": "JetPack1"}'
npm icongo --source icons --filter='(calendar).svg'
npm s2r --source icons
`Usage
`json
{
"name": "@wcjiang/icons",
"version": "0.0.1",
"main": "./lib/index.js",
"module": "./esm/index.js",
"types": "./lib/index.d.ts",
"scripts": {
"build": "tsbb build src/*.tsx --useBabel",
"start": "icongo --prefix BS --source data/icons -o ./src"
},
"devDependencies": {
"icongo": "*",
"tsbb": "^4.0.3"
}
}
`Docker
The Icons search website can be deployed to your personal server via docker.
`shell
docker pull wcjiang/icongo
Or
docker pull ghcr.io/jaywcjlove/icongo:latest
``shell
docker run --name icongo --rm -d -p 9112:80 wcjiang/icongo:latest
Or
docker run --name icongo -itd -p 9112:80 wcjiang/icongo:latest
Or
docker run --name icongo -itd -p 9112:80 ghcr.io/jaywcjlove/icongo:latest
``Visit the following URL in your browser:
http://localhost:9112/
Licensed under the MIT License.