icongo
v1.2.0
รวมไอคอนยอดนิยมในโครงการ React ของคุณได้อย่างง่ายดาย และมอบเครื่องมือง่ายๆ ในการแปลง svg
เป็นส่วนประกอบของ React
ทุกแพ็คเกจ
ชื่อ | เวอร์ชั่น เอ็นพีเอ็ม | เว็บไซต์ |
---|---|---|
@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 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
ปราชญ์
{
"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 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
เยี่ยมชม URL ต่อไปนี้ในเบราว์เซอร์ของคุณ:
http://localhost:9112/
ได้รับอนุญาตภายใต้ใบอนุญาต MIT