alexkras.com

  • Home
  • Top Posts
  • Resume
  • Projects
  • YouTube
  • Boots to Bytes
  • About
  • Contact

Restoring Original Visual Studio Code Icon on MacOS

October 11, 2017 by Alex Kras 2 Comments

A lot of people don’t like the New Visual Studio Code (aka VS Code or just Code) icon and they prefer the old icon better. I am one of these people.

I was inspired by this comment to bring the old icon back.

If you want to do the same on MacOS, you can:
Note: For Windows see here, for Ubuntu see here.

1. Download the original Code.icns file and code_file.icns file
2. Copy the original icons to over-ride new ones

cp Code.icns /Applications/Visual\ Studio\ Code.app/Contents/Resources/Code.icns
cp code_file.icns /Applications/Visual\ Studio\ Code.app/Contents/Resources/code_file.icns

3. Force refresh Dock icons using the 3 lines bellow

touch /Applications/Visual\ Studio\ Code.app/
touch /Applications/Visual\ Studio\ Code.app/Contents/Info.plist
killall Dock

Bellow is an alliterative solution for changing the icon, using Mac’s App info view. You can open /Applications in Finder, in order to bring up the App info.

How to fix @code's new icon:
1) Copy icon to clipboard
2) Cmd+i on Visual Studio https://t.co/IKEf13l9ni
3) Click the icon, hit cmd+v pic.twitter.com/AA8wW2vYOq

— Jukka Tupamäki (@tukkajukka) October 17, 2017

You should now have version 1.17 of VS Code running with the old Dock icon.

I don’t know how to remove the new icon from Welcome screen seen above, but Welcome screen can be disabled via:

  1. Open Code > Preferences > Settings
  2. Add workbench.startupEditor: "newUntitledFile" setting

Update 10/20/2017: After some thought, I decided to give the new icon another chance. I still don’t like it and wish they didn’t change it, but I want to give my brain a chance to get used to it.

Filed Under: Tools Tagged With: code, javascript

I work for Evernote and we are hiring!

Subscribe to this Blog via Email

New posts only. No other messages will be sent.

You can find me on LinkedIn, GitHub, Twitter or Facebook.

This blog is moving to techtldr.com

Comments

    Leave a Reply Cancel reply

  1. Kaio says

    October 15, 2017 at 1:00 pm

    Very useful post. Thanks a lot!
    By the way, did you mean “cp code_file.icns /Applications/Visual\ Studio\ Code.app/Contents/Resources/code_file.icns” on the second line of the copy section? 😀

    Reply
    • Alex Kras says

      October 17, 2017 at 10:20 am

      Yes, thank you

      Reply

Copyright © 2021 · eleven40 Pro Theme on Genesis Framework · WordPress · Log in