Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 5 Current »

Icons and images are used widely by IntelliJ IDEA plugins. Plugins need icons mostly for actions, custom components renderers, tool windows and so on. This page describes how to organize your work with icons and images under IntelliJ Platform.

How to organize and how to use icons?

The best way to deal with icons and other image resources is to put them to a dedicated source root, say "icons" or "resources".

Then you should use getIcon() method of com.intellij.openapi.util.IconLoader class in your code to get access icons. You can define a class or an interface with icon constants:

and use icons inside plugin.xml as well:

Image formats and naming notations

IntelliJ IDEA Platform supports Retina displays and has dark look and feel called Darcula. According this all images should have 4 different representations (in some cases only 2). Let's take a look on the example above. We've got three icons: for fyle type, for an action, and for a tool window. All tool windows should have icon size of 13x13 pixels and all actions should have icon size of 16x16 pixels (tree nodes, file types, and almost all icons have size 16x16 pixels). So, every icon should have a copy for Retina devices and Darcula look and feel.

iconName.png - W x H pixels (Will be used on non-Retina devices with white look and feel)
iconName@2x.png - 2*W x 2*H pixels (Will be used on Retina devices with white look and feel)
iconName_dark.png - W x H pixels (Will be used on non-Retina devices with Darcula look and feel)
iconName@2x_dark.png - 2*W x 2*H pixels (Will be used on Retina devices with Darcula look and feel)

IconLoader will load the icon that matches the best depending on the current environment. So, always use IconLoader.getIcon("/iconName.png"). Here are examples of toolWindowStructure.png icon representations:

All icon variants should be in the same directory. In some cases you can skip dark variants if the original icon looks good under Darcula. Then you should have only two variants: icon.png and icon@2x.png

  • No labels