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

Studio Icons

Jordan Lowe

|
166,019 installs
| (29) | Free
Featuring official icons from the Visual Studio Image Library. Optimized to work well for dark, light, and high contrast themes.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Studio Icons (Visual Studio Code Icon Theme)

Featuring official icons from the Visual Studio Image Library. These icons have been color optimized to work well for dark, light, and high contrast themes. I've tried to match Visual Studio's choice of icons as much as possible, and using other library icons for some files that would otherwise use the default file icon. I welcome any feedback or suggestions.

Icon Sample

Preview

Preview

Preview

Build

Uses Yarn package manager and Gulp for build tasks. Current workflow:

  1. Add .svg icon file to /src/svg/
  2. Add the icon info to /src/icon-settings.json
  3. Run gulp on the command line to run default task.

Thanks

Thanks to the Microsoft team for their excellent icon set!

Thanks to Philipp Kief for the much appreciated Material Icon Theme! Used this as a great starting point for mapping icons to extensions/filenames.

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