Home

Awesome

<img src="images/hero.png" />

A fun little project for custom Microsoft® Visual Studio Code Icons. All rights reserved with @Microsoft and the respective creators of the themes.

Also checkout the Terminal Icons Project.

Default macOS BigSur

<a href="http://code.visualstudio.com"><img src="png/default.png" alt="VSCode" title="VSCode BigSur" width="128"/></a><a href="http://code.visualstudio.com"><img src="png/default_dark.png" alt="VSCode" title="VSCode BigSur" width="128"/></a><a href="http://code.visualstudio.com"><img src="png/default_insider_light.png" alt="VSCode" title="VSCode BigSur" width="128"/></a><a href="http://code.visualstudio.com"><img src="png/default_insider_dark.png" alt="VSCode" title="VSCode BigSur" width="128"/></a>

Vintage Apple Macintosh 1984

<img src="png/mac.png" alt="Apple Mac 1984" title="Apple Mac 1984" width="128"/></a><img src="png/mac-pro.png" alt="Apple Mac 1984" title="Apple Mac 1984" width="128"/></a><img src="png/mac-pro-max.png" alt="Apple Mac 1984" title="Apple Mac 1984" width="128"/></a>

Based on the Popular Themes

Hovering on them will reveal the names, and clicking them will take you to the theme pages.

<a href="https://marketplace.visualstudio.com/items?itemName=wesbos.theme-cobalt2"><img src="png/cobalt2.png" alt="Cobalt 2" title="Cobalt2 by Wes Bos" width="128"/></a><a href="https://marketplace.visualstudio.com/items?itemName=leveluptutorials.theme-levelup"><img src="png/levelup.png" title="LevelUp Tutorials" width="128"/></a><a href="https://marketplace.visualstudio.com/items?itemName=dracula-theme.theme-dracula"><img src="png/dracula.png" title="Dracula" width="128"/></a><a href="https://marketplace.visualstudio.com/items?itemName=dracula-theme.theme-dracula"><img src="png/dracula_option_2.png" title="Dracula" width="128"/></a><a href="https://marketplace.visualstudio.com/items?itemName=dracula-theme.theme-dracula"><img src="png/dracula_option_3.png" title="Dracula" width="128"/></a><a href="https://marketplace.visualstudio.com/items?itemName=dracula-theme.theme-dracula"><img src="png/dracula_option_4.png" title="Dracula" width="128"/></a><a href="https://marketplace.visualstudio.com/items?itemName=RobbOwen.synthwave-vscode"><img src="png/synthwave.png" title="SynthWave '84" width="128"/></a><a href="https://marketplace.visualstudio.com/items?itemName=RobbOwen.synthwave-vscode"><img src="png/synthwave_option_2.png" title="SynthWave '84" width="128"/></a><a href="https://marketplace.visualstudio.com/items?itemName=RobbOwen.synthwave-vscode"><img src="png/synthwave_option_3.png" title="SynthWave '84" width="128"/></a><a href="https://marketplace.visualstudio.com/items?itemName=RobbOwen.synthwave-vscode"><img src="png/synthwave_option_4.png" title="SynthWave '84" width="128"/></a><a href="https://marketplace.visualstudio.com/items?itemName=RobbOwen.synthwave-vscode"><img src="png/synthwave_option_5.png" title="SynthWave '84" width="128"/></a><a href="https://marketplace.visualstudio.com/items?itemName=RobbOwen.synthwave-vscode"><img src="png/synthwave_option_6.png" title="SynthWave '84" width="128"/></a><a href="https://marketplace.visualstudio.com/items?itemName=naumovs.theme-oceanicnext"><img src="png/oceanic_next.png" title="Oceanic Next" width="128"/></a><a href="http://citylights.xyz"><img src="png/citylights.png" title="City Lights" width="128"/></a><a href="http://citylights.xyz"><img src="png/citylights_option_2.png" title="City Lights" width="128"/></a><a href="http://citylights.xyz"><img src="png/citylights_option_3.png" title="City Lights" width="128"/></a>

Based on the Popular Apps

<img src="png/sublime.png" title="Sublime Text" width="128"/>

How to Install

Mac OS:

From the Applications folder, right click on the Visual Studio App and select Get Info

<img src="images/get-info.png" width="600"/>

Once the Info panel is open, simply drag and drop the .icns file you want on the top left corner.

<img src="images/drag-drop.png" width="600" />

Windows:

Right click on the shortcut App Icon, select properties and then shortcut tab and then change icon button.

In case App Icon is pinned to your Taskbar, it requires some additional steps. You need to have VS Code closed for this to work. Hold Shift and right click on pinned icon. Then, proceed the same as above (properties / change icon). Changes will be visible on next login, or alternatively you can restart explorer.exe process.

Linux:

Just change the icon path in the file at /var/lib/snapd/desktop/applications/code_code.desktop.

This file path may be different for your system, you can find the path through locate code_code.desktop.


You can get in touch with me at Twitter: @dhanishgajjar I post awesome stuff at Instagram: @dhanishgajjar