What does the octagon x icon represent?

It represents closure, cancellation, or an error. It's often used when an action needs to be stopped or has failed.

How do I use the OctagonXIcon in React?

Import both HugeiconsIcon and OctagonXIcon, then render .

What is the license for this icon?

This icon is available under the MIT license.

octagon x icon

HugeIcons · OctagonXIcon · MIT

The HugeIcons octagon x icon depicts a red octagon with a white 'x' inside, commonly used to signify closure, cancellation, or an error state.

Common uses

Close modal windows
Cancel an ongoing operation
Indicate a failed action

Use it in React

Install

npm i @hugeicons/react @hugeicons/core-free-icons

Import & render

import { HugeiconsIcon } from '@hugeicons/react';
import { OctagonXIcon } from '@hugeicons/core-free-icons';

<HugeiconsIcon icon={OctagonXIcon} size={24} strokeWidth={1.5} />

Details

Library: HugeIcons (5,121 icons)
License: MIT
viewBox: 0 0 24 24
Keywords: close octagoncancel octagonerror octagonoctagon cross

FAQ

What does the octagon x icon represent?: It represents closure, cancellation, or an error. It's often used when an action needs to be stopped or has failed.
How do I use the OctagonXIcon in React?: Import both HugeiconsIcon and OctagonXIcon, then render <HugeiconsIcon icon={OctagonXIcon} />.
What is the license for this icon?: This icon is available under the MIT license.

Related icons

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

lucide hugeicons hugeicons hugeicons hugeicons hugeicons hugeicons hugeicons hugeicons hugeicons hugeicons hugeicons

Looking for something else? Search HugeIcons 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 →