Icons Settings

Change the IDE icons

Here you can find settings for the Icons provided by the plugin, whether to enable or disable the icons, completely hide them or applying a filter to them.

Material UI Icons

This setting toggles the replacement of the icons provided by the plugin. Specifically this disables:

  • Menu Icons
  • Toolbar Icons
  • Tool Window Icons
  • Application Icons

Basically this replaces all icons provided by the plugin, including breakpoint icons, dialog icons and even icons inside documentation panels.

This also replace some of the file icons, specifically those provided by the IDE (e.g. it doesn’t replace icons according to a file pattern but still replace basic icons such as Java, JavaScript, HTML, Class, etc)

Material Icons Disabled
Material Icons Disabled

Note: Because this option replaces IDE icons, a complete restart of the application is needed.

Hide File Icons

This option allows you to completely hide the file icons from the IDE. This means from the Project Tree, Tabs, Dialogs and everything. This does not hide folders, though.

Hide File Icons
Hide File Icons

Note: This feature takes precedence over default file icons providers and the plugin’s own one. However some plugins, such as the PHP or Python plugins, may have an even greater precedence, meaning that you will still see icons from these plugins.

Monochrome Icons

This option allows you to apply a monochrome filter to the whole IDE, just like the color blindness filter. This is ideal for people who don’t like the avalanche of colors provided by the different icons.

Monochrome Icons
Monochrome Icons

By applying this filter, all icons will be filtered with a shade of the primary color (e.g. the color of the items in the Project View) of the current theme.

Note: This setting not only filters out the toolbar and file icons, but even tool window icons, debugger icons, etc…

File Icons

This setting changes the icons for project files according to specific file patterns. Usually it is based off the extension of the file (*.js, *.scss, *.php) but it also identifies specific commonly used patterns and replace them with the relevant icon, such as:

  • package.json
  • build.gradle
  • README.md
  • composer.json
  • etc…

You can find more information at the File Icons Reference.

From version 2.9.0 it has been completely separated from the Material UI Icons setting, meaning that you can set File Icons without activating the UI Icons at all.

Note: If you desire to use that feature only and do not care about all other features of the plugin, there is a separate plugin that does only that. You can download it from the repository or at https://plugins.jetbrains.com/plugin/10044-atom-file-icons-idea

Folder Decorators

Assign specific folder icons to folders with commonly used names to add yet more visual grepping than with file icons. For instance, tmp, logs, src, lib or test are folders found within most projects.

Decorated Folders
Decorated Folders

Note that excluded/resource root/test root/package folders will not be decorated.

PSI Icons

From version 3.4.0 you can also replace the PSI icons (e.g. Class, Interface, Enums, functions and so on) with Material icons.

PSI Icons
PSI Icons

The Structure Panel icons are also changed:

PSI Icons
PSI Icons

This option makes it look like the Visual Studio Code Outline Panel, as well as Rider or Resharper structure panels.

Notes

  • While the Material Icons replace most icons, some icons, such as icons coming from plugins (including JetBrains’ plugins like Git) would not be replaced.
  • Monochrome icons actually messes up some parts of the IDE, such as the SVG Image Viewer. If you need to use it, please disable the option temporarily.