What is the window icon typically used for?

It's used for UI elements that open or manage windows, dialogs, or panels.

How do I use the window icon in React?

Import it using: import { WindowIcon } from '@heroicons/react/24/outline'

What is the license for Heroicons?

Heroicons are released under the MIT license, allowing free use.

window icon

Heroicons · window · MIT

The Heroicons window icon depicts a stylized window frame, commonly used to represent features related to windows, dialog boxes, or general interface elements.

Common uses

Open/close modal dialogs
Represent a new browser window
Indicate a settings or preferences panel

Use it in React

Install

npm i @heroicons/react

Import & render

import { WindowIcon } from '@heroicons/react/24/outline';

<WindowIcon className="size-6" />

Styles

Heroicons ships this icon in 4 styles — each its own import:

24/outline

<WindowIcon className="size-6" />

24/solid

<WindowIcon className="size-6" />

20/solid

<WindowIcon className="size-6" />

16/solid

<WindowIcon className="size-6" />

Details

Library: Heroicons (324 icons)
License: MIT
viewBox: 0 0 24 24
Keywords: windowframedialogmodalview

FAQ

What is the window icon typically used for?: It's used for UI elements that open or manage windows, dialogs, or panels.
How do I use the window icon in React?: Import it using: import { WindowIcon } from '@heroicons/react/24/outline'
What is the license for Heroicons?: Heroicons are released under the MIT license, allowing free use.

Related icons

The same idea in other libraries, and near matches in Heroicons.

tabler

Looking for something else? Search Heroicons and 4 more libraries by description →

The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →