WebStorm 2020.3 Help

Icon reference

Many entities in WebStorm are marked with icons: there are icons on toolbar buttons, in the gutter, in the Project tool window, and so on. The majority of icons have tooltips that allow you to quickly grasp their meaning. Hover the mouse over an icon and wait for the tooltip with some brief information.

Tooltips in the IDE

File types

To view the list of file types recognized by WebStorm, in the Settings/Preferences dialog Ctrl+Alt+S, go to Editor | File Types. If a file in your project is marked with the Unknown file type icon, it indicates that WebStorm can't recognize it. In this case, you can register and configure a new file type.

File type settings

Icons in tool windows and structure views

Icon Description
Class Class
Abstract class Abstract class
Interface Interface
Method Method/function
Function lambda in Dart Function in Dart
Variable Variable
Field Field
Property Property
Parameter Parameter
Xml element Element
Folder Directory
Test root Tests
Resource root Resource root
Excluded root Excluded
Visibility modifiers
private.png Private
protected.png Protected
public.png Public
Bookmark check Anonymous bookmark – a check sign bookmark. Bookmarks are used for quick navigation within a file or across the entire project.
Bookmark mnemonic Lettered mnemonic bookmark – a letter in the interval from A to Z.
Bookmark number Numbered mnemonic bookmark – a number in the interval from 0 to 9.

Icons in the gutter



Has Subclasses
  • A class that has subclasses

  • A method that is overridden

Overrides Method A method that overrides a method in the superclass
Has Implementations An interface or its method that has implementations
Is an Implementation A method that implements an interface method
Is a recursive call A recursive function call
Run test Run or debug test
Test passed The test passed successfully
Test failed The test failed, rerun
Last modified: 30 November 2020