Home

Awesome

<h1 align="center"> <br> <img src="https://github.com/material-extensions/vscode-material-product-icons/raw/main/logo.png" alt="logo" width="200"> <br><br> Material Product Icons <br> <br> </h1> <h4 align="center">Get the Material Design icons into your VS Code.</h4> <p align="center"> <a href="https://marketplace.visualstudio.com/items?itemName=PKief.material-product-icons"><img src="https://img.shields.io/visual-studio-marketplace/v/PKief.material-icon-theme?style=for-the-badge&colorA=252526&colorB=43A047&label=Version" alt="Version"></a>&nbsp; <a href="https://marketplace.visualstudio.com/items?itemName=PKief.material-product-icons"><img src="https://img.shields.io/visual-studio-marketplace/v/PKief.material-icon-theme?style=for-the-badge&colorA=252526&colorB=43A047&label=Rating" alt="Rating"></a>&nbsp; <a href="https://marketplace.visualstudio.com/items?itemName=PKief.material-product-icons"><img src="https://img.shields.io/visual-studio-marketplace/v/PKief.material-icon-theme?style=for-the-badge&colorA=252526&colorB=43A047&label=Installs" alt="Installs"></a>&nbsp; <a href="https://marketplace.visualstudio.com/items?itemName=PKief.material-product-icons"><img src="https://img.shields.io/visual-studio-marketplace/v/PKief.material-icon-theme?style=for-the-badge&colorA=252526&colorB=43A047&label=Downloads" alt="Downloads"></a> </p>

Preview

This extension replaces the VS Code default icons with the Material Design icons:

<img src="https://raw.githubusercontent.com/PKief/vscode-material-product-icons/main/images/preview-explorer.png" alt="Preview explorer" width="400xp">

How to activate

The product icons can be activated via command palette:

<img src="https://raw.githubusercontent.com/PKief/vscode-material-product-icons/main/images/how-to-activate.gif" alt="How to activate">

or user settings:

"workbench.productIconTheme": "material-product-icons"

Icon set

<details><summary>🏞️ <b>Available icons</b></summary><br/><img src="https://raw.githubusercontent.com/PKief/vscode-material-product-icons/main/images/preview.png" alt="Preview"></details>

Icon sources

You want to contribute?

Take a look at the contribution guidelines and open a new issue or pull request on GitHub.