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
|
1 2 |
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
|
1 2 3 |
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:
- Open Code > Preferences > Settings
- 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.
Please Share:
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? 😀
Yes, thank you