Visual Studio Code App Icons
A fun little project for custom Microsoft® Visual Studio Code Icons. All rights reserved with @Microsoft and the respective owners of the themes I am using whether it is Marvel, DC or simple editor themes.
This was created by Felix
Based on the Popular Themes
Hovering on them will reveal the names, and clicking them will take you to the theme pages.
Based on Super Heroes
All rights reserved etc to DC and Marvel. I own nothing. Just inspired by the characters :)
These icons were contributed by @clarkio
Movies, TVShows, Books and Games
These icons were contributed by Jessica Van Rooyen
These icons were contributed by Liam Richardson
This icon was contributed by George
These icons were contributed by Aral Tasher
These icons were contributed by Alex Aquino
These icons were contributed by Akash Debnath
This icon was contributed by Rajdeep Ratan
These icons were contributed by Sem
These icons were contributed by Harold AO
These icons were contributed by Andrew Mundy
How to Contribute
- Download the
- There are a lot of versions. It makes it easy to for anyone to change colors
- Make a copy of any of the versions
- Change the colors and create your icon
- Select the artboard and export a
- Select the artboard again and export a
pngfile, but @0.25x (256 x 256)
- Open the terminal, go to the directory where the
sips -s format icns <nameOfIcon>.png --out <nameOfIcon>.icns
- Download ImageMagick:
convert -density 384 <nameOfIcon>.png <nameOfIcon>.ico
- Drop the files into their respective locations:
- Make sure, the
vscode.sketchfile is saved and committed
- Make sure you have not edited any icons other than your own
- Send pull request
Please check out this VSCode Icon Manager made in Electron by Federico Vitale
An icon generator that allows you to easily change the background and accent colour online. Made by DJDMorrison
How to Install
Easiest way to change the icons is by using https://freemacsoft.net/liteicon/. Just Drag and Drop the custom icon and hit
.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.
Right click on the shortcut App Icon, select properties and then shortcut tab and then
change icon button.
Just change the icon path in the file at
This file path may be different for your system, you can find the path through
Daredevil and Luke Cage by @Rawnly
Batgirl, Sublime Text, Neon, Spotify, White on Black and Black on White by @fnky
Monokai Pro and Night Owl by @coltborg
Neon Set by @andrewmundy
Disclaimer for Setapp
Icons inspired from Setapp brand colors are created by me. They are not created by Setapp or are based on their brand guidelines