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,之后重新下载。

相关推荐
莫逸雪5 小时前
Nodemo使用学习
学习·编辑器·vim
独隅6 小时前
Android Studio 接入 CodeX 的全面指南
android·ide·android studio
解道Jdon9 小时前
[Budi插件:VsCode状态栏显示Copilot使用情况
ide·windows·git·svn·eclipse·github·visual studio
疏狂难除9 小时前
JetBrains IDE插件开发教程(一)
ide
不定时总结的那啥13 小时前
Visual Studio2022添加文件夹软链接
ide·visual studio
程序手艺人15 小时前
【日常开发】 VSCode Remote SSH 在 Ubuntu 18.04 (GLIBC 2.27) 上的解决方案
vscode·ubuntu·ssh
疏狂难除15 小时前
JetBrains IDE插件开发教程(二)——学习初始代码
ide·kotlin
培风图楠16 小时前
vscode初始配置环境后无法编译
ide·vscode·编辑器
雪靡17 小时前
Visual Studio 2026 优雅的给Cmake设置大代理
c++·ide·cmake·visual studio
周末也要写八哥17 小时前
Visual Studio 2022资源下载附保姆级安装教程
ide·visual studio