WebStorm 2021.2 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

IconDescription
ClassClass
Abstract classAbstract class
InterfaceInterface
MethodMethod/function
Function lambda in DartFunction in Dart
Variable Variable
FieldField
PropertyProperty
ParameterParameter
Xml elementElement
FolderDirectory
Test root Tests
Resource rootResource root
Excluded root Excluded
Visibility modifiers
private.pngPrivate
protected.pngProtected
public.pngPublic
Bookmarks
Bookmark checkAnonymous bookmark – a check sign bookmark. Bookmarks are used for quick navigation within a file or across the entire project.
Bookmark mnemonicLettered mnemonic bookmark – a letter in the interval from A to Z.
Bookmark numberNumbered mnemonic bookmark – a number in the interval from 0 to 9.

Icons in the gutter

Icon

Description

Has Subclasses
  • A class that has subclasses

  • A method that is overridden

Overrides MethodA method that overrides a method in the superclass
Has ImplementationsAn interface or its method that has implementations
Is an ImplementationA method that implements an interface method
Is a recursive callA recursive function call
Run testRun or debug test
Test passedThe test passed successfully
Test failedThe test failed, rerun
Last modified: 23 September 2021