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 |
import { DIAndroid } from "@icongo/di";
import { STIApple } from '@icongo/sti/lib/STIApple';
function Demo() {
return (
<div>
<STIApple />
<DIAndroid />
</div>
)
}npm i icongoUsage: 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 iconsUsage
{
"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"
}
}The Icons search website can be deployed to your personal server via docker.
docker pull wcjiang/icongo
# Or
docker pull ghcr.io/jaywcjlove/icongo:latestdocker 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:latestVisit the following URL in your browser:
Licensed under the MIT License.