What is the corners out icon used for?

It's typically used to signify an action that expands an element to its largest possible size, like entering fullscreen or a maximized view.

How do I use the corners out icon in React?

You can import and use it like this: `import { CornersOut } from '@phosphor-icons/react';`

Phosphor icons are distributed under the MIT license, which allows for free use in both personal and commercial projects.

Phosphor · corners-out · MIT

The Phosphor corners out icon depicts four outward-pointing arrows, commonly used to indicate expanding content to fullscreen or a maximized view.

Install

npm i @phosphor-icons/react

Import & render

import { CornersOut } from '@phosphor-icons/react';

<CornersOut size={24} />

Phosphor ships this icon in 6 styles — each its own import:

regular

<CornersOut size={24} />

thin

<CornersOut size={24} weight="thin" />

light

<CornersOut size={24} weight="light" />

bold

<CornersOut size={24} weight="bold" />

fill

<CornersOut size={24} weight="fill" />

duotone

<CornersOut size={24} weight="duotone" />

Library: Phosphor (1,512 icons)
License: MIT
viewBox: 0 0 256 256
Category: system
Keywords: *updated*expandfullscreenmaximizedsystemcornersoutmaximizeoutward arrows

What is the corners out icon used for?: It's typically used to signify an action that expands an element to its largest possible size, like entering fullscreen or a maximized view.
How do I use the corners out icon in React?: You can import and use it like this: `import { CornersOut } from '@phosphor-icons/react';`
What is the license for Phosphor icons?: Phosphor icons are distributed under the MIT license, which allows for free use in both personal and commercial projects.

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

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