vscode-icons

logo vscode-icons

Bring real icons to your Visual Studio Code

minimum supported version: 1.71.0


[![Version](https://img.shields.io/visual-studio-marketplace/v/vscode-icons-team.vscode-icons?style=for-the-badge&colorA=252525&colorB=0079CC)](https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons) [![Installs](https://img.shields.io/visual-studio-marketplace/i/vscode-icons-team.vscode-icons?style=for-the-badge&colorA=252525&colorB=0079CC)](https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons) [![Downloads](https://img.shields.io/visual-studio-marketplace/d/vscode-icons-team.vscode-icons?style=for-the-badge&colorA=252525&colorB=0079CC)](https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons) [![Ratings](https://img.shields.io/visual-studio-marketplace/r/vscode-icons-team.vscode-icons?style=for-the-badge&colorA=252525&colorB=0079CC)](https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons) ---
[![Maintainability](https://api.codeclimate.com/v1/badges/4f02368ebeb7be1490bb/maintainability)](https://codeclimate.com/github/vscode-icons/vscode-icons/maintainability) [![Test Coverage](https://api.codeclimate.com/v1/badges/4f02368ebeb7be1490bb/test_coverage)](https://codeclimate.com/github/vscode-icons/vscode-icons/test_coverage)


demo


Installation

To install the extension just execute the following command in the Command Palette of Visual Studio Code:

ext install vscode-icons

Some people have reported that they cannot find the extension when they insert the installation command.

If you find yourself in the same position, try:

ext install icons
# or
ext install "vscode-icons"

Usage

Once installed and after reloading vscode, you will be presented with a message to Activate the icons.

In case this doesn’t happen, navigate to:

Features

vscode-icons is being shipped with a lot of features, like:

Icons Customization

Choose the icon you prefer for any particular file extension.

Learn more…

Bring your own icons

You don’t see the icon you like…? No worries, we got you covered. This link will show you how you can use your own custom icon!

Learn more…

Project Auto Detection

Are you using Angular? This feature will detect it and enable the icons for you. It also works with other frameworks.

Learn more…

Documentation

In our wiki you can find more information about the extension features and more.

Some examples:

Globalization

vscode-icons uses Crowdin to provide translations for vscode supported languages.

We are looking for translators and proofreaders for all vscode supported languages.

If you’d like to contribute, checkout the translation section.

Contributing

If you like to get involved with the source code, checkout the build section.

For those using Docker checkout the docker section.

On the other hand, if you want to show the world your artistic side, checkout the contributing section.

In any case, please follow our contribution guidelines.

Security

vscode-icons utilizes NSRI for its subresources integrity check and protection against code injection.

Credits

Kudos to all contributors that made this extension what it is.

License

The source code is licensed under the MIT license.

The icons are licensed under the Creative Commons - ShareAlike (CC BY-SA) license.

Branded icons are licensed under their copyright license.

Versioning

vscode-icons follows Semantic Versioning 2.0.0.

Change Log

You can check out all our changes in our change log.

Acknowledgements

We like to express our “Special Thanks” to:

Enjoy!