☰

IconfontR

在 Iconfont 可以直接复制 React component

如何安裝

您需要先安裝使用者腳本管理器擴展，如 Tampermonkey、Greasemonkey 或 Violentmonkey 之後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey 或 Violentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey或 Violentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey或 Userscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展，比如 Tampermonkey，才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

（我已經安裝了使用者腳本管理器，讓我安裝！）

如何安裝

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

（我已經安裝了使用者樣式管理器，讓我安裝！）

作者
狂奔滴小马
今日安裝
0
安裝總數
435
評價
0 0 0
版本
0.3
建立日期
2022-07-01
更新日期
2022-07-06
尺寸
4.8 KB
授權條款
MIT
腳本執行於

Iconfont 可直接复制为 React component

请先安装 Tampermonkey 扩展

使用 svg 的优势

  • 完全离线化使用，不需要从 CDN 下载字体文件，图标不会因为网络问题呈现方块，也无需字体文件本地部署。

  • 没有 unicode，不会因为抽离组件而造成图标冲突

  • 在低端设备上 SVG 有更好的清晰度。

  • 支持多色图标。

  • 不会因为网络问题，字体变为方块

  • svg 可以支持动画

掘金：https://juejin.cn/post/7114589614186168350

原先是 3 步骤

  1. 下载 svg
  2. 拷贝svg 到项目目录
  3. 配置 webpack svgr

现在可以直接拷贝

实例

欢迎关注微信公众号 JS酷