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.
Project sponsored by Setapp
Setapp was kind enough to support this open source project, so I can continue to maintain it. Setapp is a subscription service for Mac Apps with over 120+ awesome apps. New apps are added very often, expanding the library even more. Sign up for a 7 day free trial, no credit card info needed from your side.
Hovering on them will reveal the names, and clicking them will take you to the theme pages.
All rights reserved etc to DC and Marvel. I own nothing. Just inspired by the characters :)
These icons were contributed by @clarkio
- Download the
vscode.sketch
file - 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
svg
file - Select the artboard again and export a
png
file, but @0.25x (256 x 256) - Download the Image2Icon App
- Drop the
svg
as source and export a .ICNS for macOS - If you can afford pay for in-app purchases, so you can also export to .ico. If not then find an alternative way to create a .ico file from a
svg
- Make sure, the
vscode.sketch
file is saved and committed - Send pull request
Please check out this VSCode Icon Manager made in Electron by Federico Vitale
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.
Windows:
Right click on the shortcut App Icon, select properties and then shortcut tab and then change icon
button.
Linux:
I think this works, but not sure https://bluesabre.org/projects/menulibre/
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
Icons inspired from Setapp brand colors are created by me. They are not created by Setapp or are based on their brand guidelines
You can get in touch with me at Twitter: @dhanishgajjar I post awesome stuff at Instagram: @dhanishgajjar