Icongo NPM | npm.io

IconGo

Easily include popular icons in your React projects and provide an easy tool to convert svg into React components.

IconGo: Search Icons

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`

Usage

import { DIAndroid } from "@icongo/di";
import { STIApple } from '@icongo/sti/lib/STIApple';

function Demo() {
  return (
    <div>
      <STIApple />
      <DIAndroid />
    </div>
  )
}

icongo

npm i icongo

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

{
  "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.

docker pull wcjiang/icongo
# Or
docker pull ghcr.io/jaywcjlove/icongo:latest

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/