VS Code file icons appear beside file names in the Explorer and editor tabs. VS Code includes Seti and Minimal, while Marketplace extensions add different symbols, folder styles, and file associations.
These 15 choices were checked for current Marketplace availability, publisher, and extension identifier. Counts and ratings change frequently, so the list instead emphasizes recognizability, visual density, built-in availability, and useful customization. File icon themes are distinct from product icon themes, which replace interface symbols.
| If you want | Start with | Main tradeoff |
|---|---|---|
| Broad, colorful coverage | Material Icon Theme or vscode-icons | More visual detail |
| Quiet, simple symbols | Symbols or Unfancy file icons | Similar files can look less distinct |
| No extension | Seti or Minimal | Fewer specialized associations |
| A matching theme family | Catppuccin Icons or Ayu | Best fit depends on the color theme |
The top three
Material Icon Theme
- Publisher: Philipp Kief
- Identifier: PKief.material-icon-theme
- Style: Colorful files and folders with extensive customization.
Its extension settings cover folder themes, associations, and ecosystem-specific icons. The wide palette is easy to scan but busier than a monochrome set.
vscode-icons
- Publisher: VSCode Icons Team
- Identifier: vscode-icons-team.vscode-icons
- Style: Detailed, colorful file and folder symbols.
It offers broad associations and configuration commands. Choose it when you want strong distinctions between frameworks and file types.
file-icons
- Publisher: file-icons
- Identifier: file-icons.file-icons
- Style: Flat, muted icons derived from Atom's file-icons package.
This port of Atom's file-icons package uses a flat design with muted colors. It is a direct fit for readers who want that familiar Atom style.
Modern and clean
Catppuccin Icons
- Publisher: Catppuccin
- Identifier: Catppuccin.catppuccin-vsc-icons
- Style: Pastel file and folder icons for Catppuccin palettes.
Designed to pair with the Catppuccin color theme. Soft pastel-colored folder and file icons. If you use the Catppuccin theme family, these icons complete the look.
Symbols
- Publisher: Miguel Solorio
- Identifier: miguelsolorio.symbols
- Style: Minimal, mostly monochrome symbols.
A minimal, monochrome icon theme. Uses simple symbols instead of colorful illustrations. Good choice if you find colorful icons distracting but still want visual file type indicators.
VSCode Great Icons
- Publisher: Emmanuel Beziat
- Identifier: emmanuelbeziat.vscode-great-icons
- Style: Bold, colorful shapes with clear silhouettes.
Simple, bold icons with a slightly cartoonish style. Large, easily distinguishable shapes. Good for high-DPI displays where fine details get lost.
Nomo Dark Icon Theme
- Publisher: be5invis
- Identifier: be5invis.vscode-icontheme-nomo-dark
- Style: Bright file symbols designed for dark backgrounds.
Designed specifically for dark themes. Icons use bright, saturated colors that pop against dark backgrounds. From the creator of the Iosevka font.
Icons
- Publisher: Mhammed Talhaouy
- Identifier: tal7aouy.icons
- Style: Colorful outlined file and folder icons.
This is a bright option for readers who want clear folder and file differences. Preview it against both active and inactive Explorer states before keeping it.
Built-in options
Seti (default)
- Availability: Built into VS Code
- Style: Colorful icons for common file types.
The default VS Code file icon theme covers common file types without installing an extension. Start here when you want recognizable icons with no additional package.
Minimal
- Availability: Built into VS Code
- Style: Small, restrained glyphs with less visual noise.
Reduces icons to simple, small glyphs. Less visual noise than Seti. If you want icons but prefer a quieter look, try Minimal before installing a third-party theme.
More current choices
Ayu File Icons
- Publisher: teabyii (part of Ayu theme)
- Identifier: teabyii.ayu
- Style: Complementary to the Ayu color theme.
If you use Ayu for your color theme, these icons complete the set. Designed to match Ayu's warm muted palette.
Atom Material Icons
- Publisher: Atom Material
- Identifier: AtomMaterial.a-file-icon-vscode
- Style: Material-inspired files and folders with an Atom-like feel.
The package contributes a file icon theme and a separate product icon theme. Select it through Preferences: File Icon Theme for file icons; the product icon option is a different picker.
Emoji File Icons
- Publisher: mightbesimon
- Identifier: mightbesimon.emoji-icons
- Style: Emoji-based file and folder associations.
This playful set is easy to recognize at a glance, but platform emoji rendering can make its appearance less consistent than bundled SVG icon sets.
Unfancy file icons
- Publisher: alexesprit
- Identifier: alexesprit.vscode-unfancy-file-icons
- Style: Restrained Codicons, Lucide, and Octicons variants.
Choose this when you want a quieter Explorer that still differentiates common files. Its variants favor consistency over framework-specific color.
Sharp Icons
- Publisher: Ryly Dou
- Identifier: CiberTurtle.sharp-icons
- Style: Crisp geometric icons with several variants.
Preview the variants because their detail and contrast differ across light and dark color themes.
How to switch icon themes
Open the icon theme picker
Open the Command Palette with Ctrl+Shift+P (Windows/Linux) or Cmd+Shift+P (macOS). Type Preferences: File Icon Theme and press Enter.
Select a theme
Use the arrow keys to preview each theme. Press Enter to apply your choice. The Explorer and tabs update immediately.
Install more themes
Select Install Additional File Icon Themes from the picker to browse the Marketplace inside VS Code. Search by name and click Install.
The official VS Code theme guide documents the same picker and identifies Seti and Minimal as built-in choices. Success is visible immediately: file and folder symbols change in the Explorer and editor tabs. If an extension behaves unexpectedly, return to this picker and select Seti before disabling or uninstalling anything.
Next steps
A good icon theme and a good color theme make your editor feel personal. Check out 20 best VS Code color themes to find one that pairs well with your new icons. To customize the UI layout around your themes, see how to customize the VS Code layout.
Rune AI
Key Insights
- Run Preferences: File Icon Theme to preview and select file icons.
- Verify the publisher and exact extension identifier before installing.
- Seti and Minimal are built into VS Code and require no extension.
- File icon themes and product icon themes customize different parts of the interface.
- Switch to a built-in theme first when troubleshooting an icon extension.
Frequently Asked Questions
How do I change file icons in VS Code?
What should I do if an icon theme causes a problem?
Are file icon themes the same as product icon themes?
Conclusion
File icons make the Explorer and editor tabs easier to scan. Preview Seti and Minimal first, then install a third-party theme only if its style or file coverage solves a specific need. You can switch back from the same picker at any time.
More in this topic
How to Use VS Code with WSL 2 on Windows
Run VS Code connected to Windows Subsystem for Linux so you can develop in a full Linux environment with native tools, terminals, and debugging, all from Windows.
20 Best VS Code Extensions for Web Developers in 2026
Twenty carefully chosen VS Code extensions every web developer should know. Covers formatting, linting, frameworks, debugging, Git, and developer experience.
How to Install, Disable, Update, and Uninstall VS Code Extensions
Learn how to install, disable, update, and uninstall VS Code extensions from the Marketplace and the command line. Step-by-step instructions for every action.