Although Microsoft supports Visual Studio Code on Windows 10, Windows 8.1, Windows 8 and Windows 7, some users of Windows 8.1/8/7 have encountered issues when using this software. One such issue is of Icons not displaying or appearing correctly or not appearing at all inside of Visual Studio Code. Well, we have a workaround for that.
Icons not showing in Visual Studio Code
First of all, let us check why this error has occurred. This is so because Visual Studio Code uses SVG Icons and sometimes in Windows 7, Windows 8 or Windows 8.1 these SVG icons are not properly associated with the software. To be precise, the operating system is not able to read and integrate the SVG icons for the software (in this case, Visual Studio Code).
To fix this, we need to add extension association inside of the operating system as-
There are two ways to do this:
1] Using the Command Prompt
First of all, you will need to open Command Prompt with Administrative rights on your machine.
To do this, search for cmd. Then right-click on the file and click on Run as Administrator.
Now type in the CMD window which opens, execute the following command:
REG ADD HKCR\.svg /f /v "Content Type" /t REG_SZ /d image/svg+xml
This will fix your issue, and the icons will start showing normally.
2] Using Registry Editor
Run regedit to open the Registry Editor.
Then, open the key named:
Look up for the key labeled:
Set its Content-Type data value to image/svg+xml
Exit and reboot your computer.
This should fix the icon issue with your copy of Visual Studio Code.
In case, you still have issues, doubts, and alternate solutions, make sure you let me know about them in the comments section.