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

相关推荐
云心雨禅1 小时前
Vim操作指令全解析
编辑器·vim·excel
色空大师1 小时前
【idea】实用插件
java·ide·intellij-idea
suanday_sunny2 小时前
VSCode运行,各类操作缓慢,如何清理
ide·vscode·编辑器
信计小白2 小时前
vscode报Module containing this breakpoint has not yet loaded
ide·vscode·编辑器
Kusunoki_D2 小时前
使用 VIM 编辑器对文件进行编辑
linux·编辑器·vim
向宇it3 小时前
【零基础入门unity游戏开发——2D篇】2D 游戏场景地形编辑器——TileMap的使用介绍
开发语言·游戏·unity·c#·编辑器·游戏引擎
左 岸 ღ °10 小时前
window11 通过cmd命令行安装 oh my zsh 的教程
编辑器
MonkeyKing_sunyuhua11 小时前
Visual Studio Code 进行汉化
ide·vscode·编辑器
沫夕残雪11 小时前
HTTP,请求响应报头,以及抓包工具的讨论
网络·vscode·网络协议·http
空中湖11 小时前
墨笔 在线Markdown 编辑器
编辑器