Custom - JimiC/vscode-icons GitHub Wiki

Custom Icons

In order to place your custom icons you will have to create a specific folder. Depending on your OS the path will be:

  • Windows: C:\Users\<your_user>\AppData\Roaming\<Code Folder>\User\vsicons-custom-icons
  • Linux: /home/<your_user>/.config/<Code Folder>/User/vsicons-custom-icons
  • Mac: /Users/<your_user>/Library/Application Support/<Code Folder>/User/vsicons-custom-icons

<Code Folder> refers to the name of the folder of VSCode depending on the version:

  • Code for the stable version.
  • Code - Insiders for the insiders version.

Once you have created the folder you can put all your custom icons there. But, again, they have to follow vscode-icons naming conventions:

  • Files: file_type_<value_of_icon_property>.svg
  • Folders: folder_type_<value_of_icon_property>.svg & folder_type_<value_of_icon_property>_opened.svg
  • Default Files & Folders: default_<value_of_icon_property>.svg

Note that folders must have two icons!!

See here the supported file extensions for an icon.

With 7.11.0, we shipped a new feature allowing you to provide your own specific custom icons folder path. This can be useful if you have a network share with your team or you want to deliver your own icons along your own repository.

If you want to take advantadge of this feature, just go to your settings and set vsicons.customIconFolderPath with the path to the folder containing the vscode-custom-icons folder.

Note that the name of the folder containing the icons must be vscode-custom-icons.

You have to specifically set the path, to the folder where this folder is going to be placed, not the folder itself. This is very important as it may lead to confusion.

i.e. If the path to the above folder is /path/to/custom/icons/folder/vsicons-custom-icons/, then the path set in the configuration has to be /path/to/custom/icons/folder/.

âš ī¸ **GitHub.com Fallback** âš ī¸