/vscode-icons

Custom Visual Studio Code Icons

Primary LanguageJavaScriptMIT LicenseMIT

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

Default macOS BigSur

VSCode

Based on the Popular Themes

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

Cobalt 2

Based on the Popular Apps


How to Install

Mac OS:

Easiest way to change the icons is by using https://freemacsoft.net/liteicon/. Just Drag and Drop the custom icon and hit Apply Changes.

Copy the .icns file you'd like to use. Find VS Code in your Applications folder, right click the icon and select Get Info. Click the icon in the top right corner so that a blue highlight appears around it. ⌘ + V to paste the new icon in. It may take a few restarts of VS Code for the icon to take.

If for some reason that doesn't work, then dragging the .icns to the icon (in the top left) of the info pane, until you see the green plus sign and then dropping it works.

Important Notes Once you have added the desired image, you may delete the source image after the icon has changes as OS X - Mojave are able to save this information without using the image path.

Windows:

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

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