File icons

[JosephTLyons]

Is your feature request related to a problem? Please describe.
Something I would enjoy having in Zed would be file icons.

Describe the solution you'd like
The easiest route would be to just use the images that were used for Atom's File Icons plugin. The license permits these to be used in commercial software. A VS Code package was made with this image set as well, but I think VS Code may use a different set of images by default.

Places images could show up:

• File Tree
• Tabs
• File Searcher
• Anywhere else that displays file names?

[kyjus25]

Alternatively, and preferably in my opinion, use the icons in vscode-material-icon-theme. 15M downloads speaks for itself, also licensed as MIT

Super excited for this feature (and phenominal job to the team thus far, btw!)

[jakobbouchard]

I also prefer the material icon theme, for what it's worth. I find it more consistent and better looking.

[totsteps]

There's also icons list from IntelliJ Platform UI Guidelines.

Not sure if they are up-to-date and require a license.

[Marcisbee]

For what it's worth, I think this is one of the best looking icon packs in the market. Might be usefull for this ticket https://github.com/miguelsolorio/vscode-symbols

[ghost]

For what it's worth, I think this is one of the best looking icon packs in the market. Might be usefull for this ticket https://github.com/miguelsolorio/vscode-symbols

I second that. I used it with VSCode and oh my gosh it looked amazing. Simple and clean icons. Not overdone.

[kyjus25]

For what it's worth, I think this is one of the best looking icon packs in the market. Might be usefull for this ticket https://github.com/miguelsolorio/vscode-symbols

Tried it just now and yup, changing my answer. This is the one. Seems to have even more icons than Material Icon Theme! Thanks for the recommendation!

[jakobbouchard]

I'll also say that the Symbols icons look better! Disagree that there are more icons (I guess it depends what files you use), but they look more consistent, and it seems that more get added rather quickly!

[kyjus25]

@jakobbouchard For instance, for .component.ts files, Symbols specifically shows an Angular logo and Material only shows a TypeScript logo

[jakobbouchard]

I think that's not necessarily a missing icon, but more of a mapping issue maybe? Not sure actually. .component.ts files could also technically be used for something else than Angular, might be why. Anyways, doesn't matter, Symbols looks better haha

[jbergstroem]

Style-wise, quill icons (tweak of feather icons) seems to be a good fit:

[jansol]

quill icons

I especially appreciate that those are monochrome and thus easily adaptable for any color scheme. (depending on what format they are defined in)

[jakobbouchard]

Just to add one more option, the @catppuccin theme also has a sweet icon pack!

[JosephTLyons]

Hey everyone, a PR for file icons just landed on main today. Please open new issues for any follow-up stuff related to this feature request.

[jbergstroem]

@JosephTLyons out of curiosity: whats the process between main and what most people use (beta?)? Saw the bash issue close the other day and as a user there's a disconnect between something closed as "fixed" and being able to test it!

[iamnbutler]

As we usually mention when closing most issues, the typical time from main to a stable release is 2 weeks.

Usually when something merges it will move to the preview channel in a week, and stable the next week if there are no issues/additional changes that need to be made.

Sometimes we catch issues and hold something back from being released, or certain features are developed on preview for longer than a week. It is a pretty manual process on the moment, and sometimes patch releases go out, so estimating the exact time until everyone on stable gets something is not very consistent.

We typically release on Wednesdays, so if something is merged Tuesday night you may get it in 8 days, etc.

[JosephTLyons]

Hey @jbergstroem - we just published this today!

• https://zed.dev/blog/preview-channel

[acusti]

the new file icons are great! thanks @mikayla-maki @JosephTLyons and anyone else involved in the release 🙇. the new visual language on the whole is very nice. i noticed that .json files have a database-like icon, which puzzled me, but i’m sure it’ll become familiar.

[JosephTLyons]

the new file icons are great! thanks @mikayla-maki @JosephTLyons and anyone else involved in the release 🙇. the new visual language on the whole is very nice. i noticed that .json files have a database-like icon, which puzzled me, but i’m sure it’ll become familiar.

Glad to hear the positive feedback! Just to mention it, file icons are a work in progress. Derek is tweaking things and adding new icons here and there, so nothing is set in stone.

[terrysahaidak]

Trying out Zed right now and I found that it's really hard for me to navigate around without colorful icons. Very exited about this feature.

[pryley]

I would love to see the Catppuccin icons in Zed.

[jackblackCH]

I love Zed and I deeply want to ditch VSCode, but I agree that file icons would improve the experience a lot and would make the switch easier.

[rodrigoherrerai]

I love Zed and I deeply want to ditch VSCode, but I agree that file icons would improve the experience a lot and would make the switch easier.

Second this. Colourful file icons and folders really needed

[alexandre-embie]

Please add material icon or similar to zed, the current monochrome is very hard to differentiate.

[ricardocarrola]

Yep. Agree. The monochrome won't work for visual detection of file types.

[anton-patrushev]

What's the status of it? Is there any way to install some custom icons from extensions or somehow else?

[Moshyfawn]

What's the status of it? Is there any way to install some custom icons from extensions or somehow else?

This is the initial feature request for Zed to have file icons at all. As you can see, it has already been implemented and the issue is closed as complete. For custom file icons, be sure to follow #8843 and +👍.

[inoas]

Colours is what I am looking for. Material icons etc.