Question 1

What does the Fullscreen Enter icon mean?

Accepted Answer

The fullscreen-enter icon represents entering fullscreen mode, maximizing views, and activating immersive display features in media and interface applications. Featuring expanding arrows or outward-pointing corners, this symbol indicates fullscreen activation, view maximization, immersive mode entry, and screen expansion across platforms where focused content viewing is supported.

Question 2

Where is the Fullscreen Enter icon used?

Accepted Answer

In modern applications like YouTube or Netflix, you'll see this icon entering fullscreen video playback and immersive viewing modes. It appears in presentation software when maximizing slides, or in web browsers when activating fullscreen for distraction-free content consumption and focused viewing experiences.

Question 3

What does the Fullscreen Enter icon tell users?

Accepted Answer

From a viewing perspective, the fullscreen-enter symbol communicates more than just 'expand' - it specifically indicates immersive mode activation, the removal of interface chrome for focused content, and the viewing state that optimizes screen real estate. This expansion metaphor connects to the desire for distraction-free content experiences.

Question 4

Can I download the Fullscreen Enter icon as SVG or PNG?

Accepted Answer

Yes. Open Get icon, then Download file: SVG for code or design tools like Figma; PNG, WebP or JPEG at 512px; or an ICO favicon with 16, 32 and 48px inside. Each one uses what you set in Customize.

Question 5

How do I install the Fullscreen Enter icon with the shadcn CLI?

Accepted Answer

Sign in (it's free), then open Get icon, Install with shadcn CLI, and pick your package manager to copy the command. It adds the icon to components/icons/oi-fullscreen-enter.tsx.

Question 6

How do I use the Fullscreen Enter icon in Next.js or React?

Accepted Answer

Copy it as React (from Get icon, or the Code section): a typed FullscreenEnterIcon component you paste into your project, with no package to install. It works in Next.js and any React app.

Question 7

How do I use the Fullscreen Enter icon in Vue, Svelte or Angular?

Accepted Answer

Open Get icon, then Copy as code, and pick Vue, Svelte, Angular, Solid or Preact; the Code section shows each one too. Every version is one self-contained component with the SVG inside.

Question 8

Can my AI agent install it for me?

Accepted Answer

With Pro, the shadcn.io MCP server lets Claude Code, Cursor or any MCP client find the Fullscreen Enter icon, or any of 223 Open Iconic icons, and install it from a prompt.

Question 9

Can I use the Fullscreen Enter icon in commercial projects?

Accepted Answer

Yes. MIT allows commercial use; keep the license notice when you ship the icons' source files. The full terms are in the license, linked on this page.

Question 10

Is the Fullscreen Enter icon free?

Accepted Answer

Yes. Copying and downloading it is free, and the shadcn CLI install only needs a free account.

Question 11

How do I change the color of the Fullscreen Enter icon?

Accepted Answer

It's drawn in currentColor, so it takes the text color wherever you use it. To bake a color in, set one in Customize before you copy.

Question 12

How do I change the size of the Fullscreen Enter icon?

Accepted Answer

Set width and height on the component, or a class like size-6. It's drawn on a 8 × 8 grid, so it stays sharp at any size. Customize also sets the size it exports at, its padding and rotation.

Question 13

How do I make the Fullscreen Enter icon accessible?

Accepted Answer

Next to a visible label it's decoration: add aria-hidden="true" so screen readers skip it. Standing alone, as in an icon button, give the button a name instead, like aria-label="Fullscreen Enter", so screen readers say what it does.

Fullscreen Enter