You can change the color of the default folder icon using the command palette:

or via user settings:

"material-icon-theme.folders.color": "#ef5350",

You can change the design of the folder icons using the command palette:

or via user settings:

"material-icon-theme.folders.theme": "specific"

You can set a custom opacity for the icons:

"material-icon-theme.opacity": 0.5

If colors do not make you happy you can change the icons to have less saturation making them look grayish or completely grayscale by setting saturation to 0:

"material-icon-theme.saturation": 0.5

You can customize the icon associations directly in the user settings.

With the *.[extension] pattern you can define custom file icon associations. For example you could define an icon for *.sample and every file that ends with .sample will have the defined icon. Use **.[extension] with two asterisks to apply the file association also for the filenames ending with that file extension.

If there's no leading * it will be automatically configured as filename and not as file extension.

"material-icon-theme.files.associations": {
    "*.ts": "typescript",
    "fileName.ts": "angular"
}

The following configuration can customize the folder icons. It is also possible to overwrite existing associations and create nice combinations. For example you could change the folder theme to "classic" and define icons only for the folder names you like.

"material-icon-theme.folders.associations": {
    "customFolderName": "src",
    "sample": "dist"
}

With the following configuration you can customize the language icons. It is also possible to overwrite existing associations.

"material-icon-theme.languages.associations": {
    "languageId": "iconName",
    "json": "json"
}

Available language ids:

https://code.visualstudio.com/docs/languages/identifiers#_known-language-identifiers

You can see the available icon names in the overview above.

After installation or update you can click on the 'Activate'-button to activate the icon theme, if you haven't already. The icons will be visible immediately.

Press Ctrl-Shift-P to open the command palette and type Material Icons.

• Material Design Icons
• official icons

Would you like to contribute?

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