- Find an icon in SVG format (Most icons are from here)
- Make sure you have node.js installed
- We recommend installing node via nvm
- Run
nvm install v22 - Run
nvm use
- Run
- We recommend installing node via nvm
- Add the svg to the icons theme folder
- Either themes/2023/icons or themes/v1/icons
- Update the theme json file
- Update
iconDefinitions - Update
fileNamesorfileExtensions
- Update
- To test the new icon, run in terminal
npm run prebuild && npm run package. This should create a *.vsix file. In VSCode right click on that file click "Install Extension VSIX".- Once that is installed, change the icon theme to the theme that has your new icon. e.g mac Command + Shift + P -> Preferences: File Icon Theme -> e.g JetBrains Icon Theme 2023+ UI Dark
- Create an empty file with the file name or file extension to verify your icon shows up.