vsicons 自定义图标

最近刚好也想换一换 vscode 主题，突然就好奇起来这些文件的图标是怎么做的，又刚好在做自己的命令行工具想着能不能给自己的命令行工具弄一个配置文件，有自己独特的图标，那真的是泰酷辣！

存放图标文件

• C:\Users<your_user>\AppData\Roaming<Code Folder>\User\vsicons-custom-icons

默认是没有的需要创建 名称必须为vsicons-custom-icons

Code Folder 指 VSCode 的文件夹名称，具体取决于版本：一般为 Code

文件名

• 如果是文件类型，那么在 vsicons-custom-icons 文件夹中需要加一个文件 file_type_<your-svg-name>.svg
• 文件夹图标 folder_type_<your-svg-name>.svg default\_<your-svg-name>.svg

vscode 配置

• 文件准备好之后，打开 vscode 的 setting.json 文件夹

{
  "vsicons.associations.files": [
    {
      "icon": "snowye",
      "extensions": ["snowye.config.js"],
      "format": "svg",
      "filename": true
    }
  ]
}

• 以我的第一个图标文件举例, vsicons-custom-icons 文件夹下有一个 file_type_snowye.svg 文件，icon 就是图标文件名，extensions 就是需要图标的文件名，format 图标类型 推荐 svg（官方默认），filename：true即可让 snowye.config.js 为 snowye 图标

效果展示

太酷了！！！

参考连接

1、vsicons github 参考

2、社区回答