icongo

IconGo

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/ccp		#preview
@icongo/cg		#preview
@icongo/ci		#preview
@icongo/ct		#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/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/ji		#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/pbi		#preview
@icongo/pk		#preview
@icongo/ps		#preview
@icongo/ri		#preview
@icongo/scwi		#preview
@icongo/si		#preview
@icongo/sn		#preview
@icongo/sti		#preview
@icongo/tb		#preview
@icongo/ti		#preview
@icongo/tn		#preview
@icongo/uiw		#preview
@icongo/vl		#preview
@icongo/vsc		#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 --no-source-maps",
    "start": "icongo --prefix BS --source data/icons -o ./src"
  },
  "devDependencies": {
    "icongo": "*",
    "tsbb": "^3.7.6"
  }
}

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/

License

Licensed under the MIT License.