Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Mizu IconsNew to Visual Studio Code? Get it now.
Mizu Icons

Mizu Icons

cdfzo

|
4,039 installs
| (3) | Free
700+ Simple Icons for Most Languages/Frameworks (esp. JS and Rails)
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Mizu Icons

Dive into a sea of clarity and focus as Mizu's crisp visuals guide you through your files and folders.
- ChatGPT

File Icons

Files

Folder Icons

Folders

Custom Icon Associations

You can customize the icon associations in the VS Code settings.json file:

"mizu.customIconAssociations": {
  "js": ["/my-js-folder", "*.js-extension"],
  "tsConfig": ["tsconfig.build.json"]
}

Use the available icon names from the list above as key. The value should be an array with the following formats for the different file types:

  • Folder names: /[name]
  • File extensions: *.[name]
  • File names: [name]

Reload VS Code (Developer: Reload Window in the command palette) to see the changes. If it doesn't work, wait a few seconds and try again.

Credits

This extension is heavily inspired by PKief's Material Icon Theme and Google's Material Symbols.

If there is a logo anyone wishes taken down, please let me know.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft