Skip to content

Search SVG Icons. Easily include popular icons in your React projects and provide an easy tool to convert SVG into React components. @icongo

License

Notifications You must be signed in to change notification settings

jaywcjlove/icongo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

IconGo

npm version Github CI Docker Image Version (latest by date) Docker Image Size (latest by date)

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 npm version #preview
@icongo/ae npm version #preview
@icongo/bi npm version #preview
@icongo/bl npm version #preview
@icongo/br npm version #preview
@icongo/bs npm version #preview
@icongo/bts npm version #preview
@icongo/cb npm version #preview
@icongo/cci npm version #preview
@icongo/ccp npm version #preview
@icongo/cg npm version #preview
@icongo/ci npm version #preview
@icongo/co npm version #preview
@icongo/ct npm version #preview
@icongo/cy npm version #preview
@icongo/di npm version #preview
@icongo/ei npm version #preview
@icongo/ev npm version #preview
@icongo/fa npm version #preview
@icongo/fc npm version #preview
@icongo/fd npm version #preview
@icongo/fg npm version #preview
@icongo/fi npm version #preview
@icongo/fl npm version #preview
@icongo/fp npm version #preview
@icongo/fs npm version #preview
@icongo/gi npm version #preview
@icongo/go npm version #preview
@icongo/gr npm version #preview
@icongo/gy npm version #preview
@icongo/hi npm version #preview
@icongo/ic npm version #preview
@icongo/ii npm version #preview
@icongo/ik npm version #preview
@icongo/im npm version #preview
@icongo/io npm version #preview
@icongo/ir npm version #preview
@icongo/is npm version #preview
@icongo/iu npm version #preview
@icongo/ix npm version #preview
@icongo/ji npm version #preview
@icongo/la npm version #preview
@icongo/lg npm version #preview
@icongo/li npm version #preview
@icongo/lu npm version #preview
@icongo/mc npm version #preview
@icongo/md npm version #preview
@icongo/mi npm version #preview
@icongo/mn npm version #preview
@icongo/mp npm version #preview
@icongo/mr npm version #preview
@icongo/pbi npm version #preview
@icongo/pk npm version #preview
@icongo/pp npm version #preview
@icongo/ps npm version #preview
@icongo/ri npm version #preview
@icongo/scwi npm version #preview
@icongo/si npm version #preview
@icongo/sk npm version #preview
@icongo/sl npm version #preview
@icongo/sn npm version #preview
@icongo/sti npm version #preview
@icongo/tb npm version #preview
@icongo/ti npm version #preview
@icongo/tii npm version #preview
@icongo/tn npm version #preview
@icongo/uiw npm version #preview
@icongo/vl npm version #preview
@icongo/vsc npm version #preview
@icongo/vsi npm version #preview
@icongo/vv npm version #preview
@icongo/wi npm version #preview
@icongo/wl npm version #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/

License

Licensed under the MIT License.