IT评测·应用市场-qidao123.com

标题: vscode的字体图标库-icomoon [打印本页]

---

作者: 用户云卷云舒    时间: 2025-1-19 17:18
标题: vscode的字体图标库-icomoon
icomoon官网下载地址：SVG Icon Libraries and Custom Icon Font Organizer ❍ IcoMoon Easily mange your icons and integrate them in your projects. Browse free icons or import your own SVG icons to export as icon font, SVG, PNG, sprite and more.https://icomoon.io/

https://icomoon.io/
打开网站：

显示自己选取的图标数：

点击下载图标：

下载完解压后：

先把fonts文件复制放在自己编写的HTML文件下：

留意：fonts文件是复制而不是拖进去，拖进去会造成，当你打开demo.html显示不出原本图标的样子；

假如目录没有放对网页会出现：

然后打开style.css，复制如下代码放到style标签里面用来字体声明：

 再打开demo.html选取自己要用的图标：

如下所示： 
 

 尚有定义span样式：

运行效果如下：

 
 末了，后期必要添加图表样式，可以在官网点击如下，上传selection.json添加图标。

 弹出点yes,然后选要添加的图标，

从63多添加到74，之后重新下载。 
 

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

---

欢迎光临 IT评测·应用市场-qidao123.com (https://dis.qidao123.com/)

Powered by Discuz! X3.4