A powerful icon theme extension for Zed, brought to you by the team behind vscode-icons. This extension uses the same codebase as vscode-icons to generate its icon manifest, ensuring consistency and comprehensive icon coverage.
Enhance your Zed workspace with beautiful, expressive file and folder icons in both dark and light modes, with multiple theme variations to match your development needs.
The extension comes with four distinct flavors, each available in both dark and light modes:
-
Standard Theme (Dark/Light)
- Default theme with comprehensive icon coverage
- Perfect for general development work
-
Official Icons Theme (Dark/Light)
- Features official logos and icons where available
- Includes official branding for JavaScript, TypeScript, and YAML files
- Perfect for developers who prefer official brand representations
-
Angular Theme (Dark/Light)
- Specialized icons for Angular development
- Enhanced support for Angular-specific files (
.component.ts,.directive.ts, etc.) - Optimized for Angular projects and workspaces
-
NestJS Theme (Dark/Light)
- Tailored for NestJS development
- Custom icons for NestJS-specific files and patterns
- Ideal for backend development with NestJS
- Hundreds of file and folder icons, matching the vscode-icons experience
- Automatic icon assignment based on file extension and name
- Distinct folder icons for popular frameworks, libraries, and technologies
- Community-driven updates and icon requests
- Open Zed.
- Go to Settings → Themes → Icon Themes.
- Search for
vscode-icons-zedand click Install. - Select
vscode-icons-zedas your active icon theme.
Once installed and activated, your file explorer will display custom icons for files and folders. No further configuration is required.
We welcome contributions! If you’d like to request a new icon or submit a PR:
- Check issues for existing requests.
- Open a new issue with your suggestion.
- Follow our contribution guidelines for PRs.
Built on the vscode-icons codebase. Thanks to our amazing community and contributors!