# Icon reference

You can find icons throughout the IntelliJ IDEA user interface: toolbars, tool windows, the editor gutter, and so on. Icons usually represent actions you can perform, options you can set, or additional information about an element.

Most icons have tooltips that explain what they mean. To view a tooltip, hover over an icon.

![Examples of contextual and action tooltips in the IDE](https://resources.jetbrains.com/help/img/idea/2026.2/ij_icons_overview_tooltips.png)

This reference describes different types of icons and visual indicators in IntelliJ IDEA. The availability of some icons might depend on the configuration of your project, the frameworks that you use, and the plugins that you have installed.

> **Note:**
> For the full list of icons used in the IDE, refer to [IntelliJ Platform UI Guidelines: Icon list](https://jetbrains.design/intellij/resources/icons_list/).

## Main toolbar icons

Icons  in the [main
toolbar](new-ui.html#window_header), which is located in the window header, represent actions that apply either to the whole project or the whole IDE.

![Icons in the main toolbar](https://resources.jetbrains.com/help/img/idea/2026.2/icons_toolbar_icons.png)

To learn how to add, remove, and edit the icons in the main toolbar, refer to [Menus and toolbars](customize-actions-menus-and-toolbars.html).

## Tool window bar icons

Icons in [tool window bars](tool-windows.html#bars_and_buttons) represent different tool windows in IntelliJ IDEA. If you click one of these icons, its corresponding tool window will open.

![Icons in tool window bars](https://resources.jetbrains.com/help/img/idea/2026.2/icons_tool_window_bar_icons.png)

To learn how to add, remove, and rearrange the icons in tool window bars, refer to [Tool windows in the
new UI](new-ui.html#tool_windows).

## Toolbar icons in tool windows

Some [tool windows](tool-windows.html) have toolbars with icons that represent actions and options relevant to the tool window.

![Icons in the Commit tool window toolbar](https://resources.jetbrains.com/help/img/idea/2026.2/ij_tw_toolbar_icons.png)

## Status bar icons

The right part of the status bar contains widgets that indicate the overall project and IDE status and provide access to various settings. Depending on the set of [plugins](managing-plugins.html) and configuration settings, the set of widgets can change. Right-click the status bar to select the widgets that you want to show or hide.

Learn more from [Status bar](guided-tour-around-the-user-interface.html#status-bar).

![Status bar with widget icons](https://resources.jetbrains.com/help/img/idea/2026.2/status_bar.png)

## File type icons

File type icons let you quickly identify file types in your project. You can find them in selected tool windows (for example, the Project tool window).

Each file format in IntelliJ IDEA has a dedicated icon. To view all recognized file types and their icons,   open the the Settings dialog (`Ctrl+Alt+S` (Windows), `⌘ Comma` (macOS), `⌘ Comma` (IntelliJ IDEA Classic (macOS)), `⌘ Comma` (macOS System Shortcuts), `Ctrl+Alt+S` (XWin), `Ctrl+Alt+S` (GNOME), `Ctrl+Alt+S` (KDE), `Ctrl+Alt+S` (Emacs), `Ctrl+Alt+S` (Sublime Text), `⌘ Comma` (Sublime Text (macOS)), `Ctrl+Alt+S` (NetBeans), `Ctrl+Alt+S` (Visual Studio), `⌘ Comma` (Visual Studio (macOS)), `Ctrl+Alt+S` (Eclipse), `⌘ Comma` (Eclipse (macOS))), and go to `Editor | File Types`.

![Recognized File Types in the Settings dialog](https://resources.jetbrains.com/help/img/idea/2026.2/ij_file_types.png)

File type icons are predefined and cannot be customized through the UI.

## Project item icons

Project item icons let you quickly identify types of items in your project, such as directories, content roots, classes, and so on. You can find them in selected tool windows (for example, the Project tool window).

![Project item icons in the Project tool window](https://resources.jetbrains.com/help/img/idea/2026.2/icons_project_items_idea.png)

Project item icons are predefined and cannot be customized through the UI.

## Project item colors

IntelliJ IDEA uses color highlighting for project items in several ways: for example, through colored backgrounds or colored names. Each color style represents a different type of information.

A colored background indicates that the item is part of a [scope](configuring-scopes-and-file-colors.html), which is a named set of folders, files, and packages in a project.

![Colored backgrounds in the Project tool window](https://resources.jetbrains.com/help/img/idea/2026.2/icons-colors-project-tw.png)

By default, background colors are configured for two scopes: tests (green) and non-project files (yellow). To learn how to customize scope colors, refer to [Associate scopes with colors](configuring-scopes-and-file-colors.html#associate-file-color-with-a-scope).

A colored name indicates that the item is under [version
control](version-control-integration.html), and the color reflects its VCS status.

![File status highlights in the Project tool window](https://resources.jetbrains.com/help/img/idea/2026.2/icons-colors-project-tw-file-status.png)

To view all VCS status colors and their meanings,   open the the Settings dialog (`Ctrl+Alt+S` (Windows), `⌘ Comma` (macOS), `⌘ Comma` (IntelliJ IDEA Classic (macOS)), `⌘ Comma` (macOS System Shortcuts), `Ctrl+Alt+S` (XWin), `Ctrl+Alt+S` (GNOME), `Ctrl+Alt+S` (KDE), `Ctrl+Alt+S` (Emacs), `Ctrl+Alt+S` (Sublime Text), `⌘ Comma` (Sublime Text (macOS)), `Ctrl+Alt+S` (NetBeans), `Ctrl+Alt+S` (Visual Studio), `⌘ Comma` (Visual Studio (macOS)), `Ctrl+Alt+S` (Eclipse), `⌘ Comma` (Eclipse (macOS))), and go to `Version Control | File Status Colors`. To learn how to customize status colors, refer to [File status highlights](project-tool-window.html#file_status_highlight).

## Gutter icons

Icons in the [editor gutter](editor-gutter.html) (a vertical area on the left side of the editor) let you perform code-related actions, such as running a method or navigating to an interface implementation. Some gutter icons also provide additional information about the code elements.

![Tooltip of an icon in the gutter](https://resources.jetbrains.com/help/img/idea/2026.2/ij_icons_in_gutter.png)

To view all available gutter icons and their meanings,   open the the Settings dialog (`Ctrl+Alt+S` (Windows), `⌘ Comma` (macOS), `⌘ Comma` (IntelliJ IDEA Classic (macOS)), `⌘ Comma` (macOS System Shortcuts), `Ctrl+Alt+S` (XWin), `Ctrl+Alt+S` (GNOME), `Ctrl+Alt+S` (KDE), `Ctrl+Alt+S` (Emacs), `Ctrl+Alt+S` (Sublime Text), `⌘ Comma` (Sublime Text (macOS)), `Ctrl+Alt+S` (NetBeans), `Ctrl+Alt+S` (Visual Studio), `⌘ Comma` (Visual Studio (macOS)), `Ctrl+Alt+S` (Eclipse), `⌘ Comma` (Eclipse (macOS))), and go to `Editor | General | Gutter Icons`.

Gutter icons are predefined and cannot be customized through the UI, but you can [choose which
ones you want to display.](settings-gutter-icons.html)

## Bookmarks

[Bookmarks](bookmarks.html) let you quickly return to specific code lines or project items whenever you need them. Icons for code line bookmarks are displayed in the [gutter](editor-gutter.html), next to the line numbers.

![Tooltip for a bookmark in the gutter](https://resources.jetbrains.com/help/img/idea/2026.2/ij_icons_bookmarks.png)

Project item bookmarks do not have icons. To find bookmarked project items, open the Bookmarks  tool window (`Alt+2` (Windows), `⌘ 2` (macOS), `⌘ 2` (IntelliJ IDEA Classic (macOS)), `⌘ 2` (macOS System Shortcuts), `Alt+2` (XWin), `Alt+2` (GNOME), `Alt+2` (KDE), `Alt+2` (Emacs), `Alt+2` (Sublime Text), `⌘ 2` (Sublime Text (macOS)), `Alt+2` (NetBeans), `Alt+2` (Visual Studio), `⌘ 2` (Visual Studio (macOS)), `Alt+2` (Eclipse), `Alt+2` (Eclipse (macOS))).

There are two types of bookmarks: anonymous ![Anonymous bookmark](https://resources.jetbrains.com/help/img/idea/2026.2/bookmark.svg) and mnemonic (with letters ![Mnemonic bookmark with a letter](https://resources.jetbrains.com/help/img/idea/2026.2/mnemonic_bookmark_lettered.png) or numbers ![Mnemonic bookmark with a number](https://resources.jetbrains.com/help/img/idea/2026.2/mnemonic_bookmark_numbered.png)). To learn how to create different types of bookmarks, refer to [Add bookmarks](bookmarks.html#add-bookmarks).

## Breakpoints

[Breakpoints](using-breakpoints.html) are used to debug code: they suspend program execution at a specific point, which lets you examine the program state and behavior. Breakpoint icons are displayed in the [gutter](editor-gutter.html), where they replace the line numbers.

![Tooltip for a breakpoint in the editor gutter](https://resources.jetbrains.com/help/img/idea/2026.2/ij_icons_breakpoints.png)

Breakpoints might have different icons and colors depending on their type and status. To view all available icons and their meanings, refer to [Breakpoint icons](using-breakpoints.html#breakpoint-icons). To learn how to create different types of breakpoints, refer to [Set breakpoints](using-breakpoints.html#set-breakpoints).

## Change markers (VCS)

> **Note:**
> These markers can only be displayed if your project  is under [version
> control](version-control-integration.html).

Change markers let you quickly identify which code lines have been modified since the last commit. They are displayed on the right side of the [gutter](editor-gutter.html) and are color-coded. If you click a change marker, the IDE opens a popup with icons that represent VCS-related actions, such as committing a change or rolling it back.

![VCS popup for a change marker in the gutter](https://resources.jetbrains.com/help/img/idea/2026.2/ij_vcs_line_status.png)

Each color represents a different type of change. To view all change marker colors and their meanings,   open the Settings dialog (`Ctrl+Alt+S` (Windows), `⌘ Comma` (macOS), `⌘ Comma` (IntelliJ IDEA Classic (macOS)), `⌘ Comma` (macOS System Shortcuts), `Ctrl+Alt+S` (XWin), `Ctrl+Alt+S` (GNOME), `Ctrl+Alt+S` (KDE), `Ctrl+Alt+S` (Emacs), `Ctrl+Alt+S` (Sublime Text), `⌘ Comma` (Sublime Text (macOS)), `Ctrl+Alt+S` (NetBeans), `Ctrl+Alt+S` (Visual Studio), `⌘ Comma` (Visual Studio (macOS)), `Ctrl+Alt+S` (Eclipse), `⌘ Comma` (Eclipse (macOS))), and go to `Editor | Color Scheme | VCS | Editor Gutter`. To learn how to customize  change marker colors, refer to [Version control in the editor
gutter](editor-gutter.html#version-control).

## Code coverage markers

Code coverage markers let you quickly identify which code lines were executed during the most recent [run with coverage](code-coverage.html). They are displayed on the left side of the [gutter](editor-gutter.html) and are color-coded.  If you click a code coverage marker, the IDE opens a popup with coverage statistics and additional action icons.

![Code coverage results in the editor](https://resources.jetbrains.com/help/img/idea/2026.2/ij_coverage_indicators.png)

Each color represents a different coverage status: by default, green represents full coverage, yellow represents partial coverage, and red represents no coverage. To learn how to customize coverage marker colors, refer to [Change
colors of the coverage highlighting](code-coverage.html#color).

## Database object icons

Procedure: Install the Database Tools and SQL plugin

This functionality relies on the [Database Tools and SQL](https://plugins.jetbrains.com/plugin/10925)  plugin, which   you need to install and enable.

1. Press `Ctrl+Alt+S` (Windows), `⌘ Comma` (macOS), `⌘ Comma` (IntelliJ IDEA Classic (macOS)), `⌘ Comma` (macOS System Shortcuts), `Ctrl+Alt+S` (XWin), `Ctrl+Alt+S` (GNOME), `Ctrl+Alt+S` (KDE), `Ctrl+Alt+S` (Emacs), `Ctrl+Alt+S` (Sublime Text), `⌘ Comma` (Sublime Text (macOS)), `Ctrl+Alt+S` (NetBeans), `Ctrl+Alt+S` (Visual Studio), `⌘ Comma` (Visual Studio (macOS)), `Ctrl+Alt+S` (Eclipse), `⌘ Comma` (Eclipse (macOS)) to open settings and then select `Plugins`.

2. Open the Marketplace tab, find the Database Tools and SQL plugin, and click Install (restart the IDE if prompted).

Database object icons let you quickly identify different types of introspected database objects. You can find them in selected tool windows (for example,  Database  , Database Changes, and Services), the code editor, the data editor, and so on. Each database object has a dedicated icon.

![Database tool window](https://resources.jetbrains.com/help/img/idea/2026.2/database_tool_window.png)

For more information about data source and database object icons, refer to  the reference chapters of the [Database tool window](database-tool-window.html) topic:

* [Data sources and their elements](database-tool-window.html#icons-for-data-sources-and-their-elements)

* [Possible icon combinations for columns](database-tool-window.html#possible-icon-combinations-for-columns)

## See also

### Procedures

[Code completion](auto-completing-code.html)

