App icons for smoother transition

[pointlessone]

I'm trying Zed as my main editor. I like it a lot but I've noticed an issue: I'm losing the app in the dock and app switcher all the time. Apparently, after years of MacVim I became conditioned to associate color (green) with my code editor. It didn't help that Zed's black icon doesn't particularly pop when macOS is in dark mode.

So I made myself an icon that would look more like what I'm used to. It worked great for me and I made a bunch more icons. Here they are. Hope they will help others switch smoother.

Emacs
MacVim
Sublime Text (variant 1)
Sublime Text (variant 2)
vim
VS Code

And a few color variations.

Deep Green
White
Black

Black is basically a recreation of the original Zed icon. I didn't find the source file I could edit so I first recreated it in Sketch so that I could make the one I actually wanted and it looked similar to the original. I don't know why anyone would go to the trouble of changing original to this one but since I had it I threw it in, too.

All the icons: Icons.zip

HOWTO change Zed icon in macOS

1. Find Zed in your /Applications directory and open context menu. Either right-click it, of Control-click the app to open the menu. Pick Get Info.

   

2. Pick an icon you like and drop it onto the app icon at the top of the Info window.

   

3. You're done. You might need to restart Zed to see the new icon in the Dock and App Switcher.

[nstlgy]

Theyre pretty cool, i myself like the Sublime Text (variant 2) alot! Thanks for sharing

[d1y]

Thank you for sharing

[jknlsn]

This is cool as! Any chance you could share the Sketch file, or export as SVG for editing?

I'd love some tweaks along the lines of these which match popular themes here https://github.com/dhanishgajjar/terminal-icons, even just for personal use I wouldn't mind creating myself!

[pointlessone]

Here you go!
Icon.sketch.zip

[jknlsn]

Thank you!

[ma-zzini]

Hi can you share also the svg file ? Thanks a ton!

[pointlessone]

Here's an export but it doesn't look quite right. Specifically, it misses a mask on the logo. It's supposed to be a conical gradient which SVG doesn't support. Inkscape has some hints on how to mimic it: https://wiki.inkscape.org/wiki/index.php/Advanced_Gradients#Conical_gradient. The noise texture probably can be done better in SVG, too.

I'm afraid you'll have to fix it yourself.

[MihaelBercic]

Thanks for sharing!