<h1 align="center">
  <br>
    <img src="https://github.com/PKief/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:

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

## Icon set

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

## Icon sources

- [Google Icons](https://material.io/resources/icons)
- [Material Design Icons](https://materialdesignicons.com/)

**You want to contribute?**

Take a look at the [contribution guidelines](https://github.com/PKief/vscode-material-product-icons/blob/main/CONTRIBUTING.md) and open a [new issue](https://github.com/PKief/vscode-material-product-icons/issues) or [pull request](https://github.com/PKief/vscode-material-product-icons/pulls) on GitHub.
