搜索 SVG 图标。轻松将流行图标包含在您的 React 项目中，并提供将 SVG 转换为 React 组件的简便工具。@icongo

演示地址：https://icongo.github.io/

 

所有的包

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

 

图标搜索网站可以通过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

在浏览器中访问以下网址：

http://本地主机:9112/

项目仓库地址

GitHub：https://github.com/icongo

GitHub：https://github.com/jaywcjlove/icongo

 

网站免责声明
一、资源来源与版权

本网站所有资源及文章均源自互联网，经过我们的收集整理后呈现给用户。我们明确声明，本网站不直接参与任何资源的创作或制作过程，仅作为信息的传递者。若您发现本网站上的任何内容侵犯了您的合法权益（包括但不限于版权、商标权、专利权等），请立即通过以下联系方式与我们取得联系。在收到您的反馈并核实情况后，我们将迅速采取相应措施，包括但不限于删除侵权内容，以确保您的合法权益得到及时保护。

二、资源使用与责任

资源鉴别：本网站发布的资源可能包含水印、广告链接或其他引流信息，这是由资源原始来源决定的。我们提醒用户在使用这些资源时，应保持警惕，自行鉴别信息的真实性和适用性，避免受到不必要的干扰或误导。 非商业用途：本网站提供的资源仅供学习、研究及非商业性交流使用。我们鼓励用户尊重原创，支持正版。若您计划将本站资源用于商业目的，请务必先获得合法授权，否则因此产生的一切法律后果将由下载用户自行承担。

三、联系方式

为了更好地服务用户，解决您在使用本网站过程中可能遇到的问题或反馈侵权信息，我们提供了以下联系方式（请将“#”替换为“@”后使用）： 联系方式：contact#kukaylib.com

四、免责条款

本网站致力于为用户提供高质量的信息服务，但对于因网络状况、第三方干扰、不可抗力等因素导致的服务中断、数据丢失、信息错误等问题，本网站不承担任何责任。同时，本网站对于用户在使用本站资源过程中可能产生的任何直接、间接、偶然、特殊或惩罚性损失，也不承担任何法律责任。 请用户在使用本网站时，务必遵守相关法律法规及道德准则，自行承担因使用本站资源而产生的所有风险和后果。

五、更新与修订

本网站有权随时更新或修订本免责声明，更新或修订后的免责声明一经发布即具有法律效力。用户应定期访问本页面以了解最新的免责声明内容。 感谢您对本网站的理解与支持！我们将继续努力，为用户提供更加优质、便捷的信息服务。