What is this icon typically used for?

It's used to draw attention to warnings, errors, or critical information within a user interface.

How do I use the ExclamationMarkIcon in React?

Import both HugeiconsIcon and ExclamationMarkIcon, then render it using .

What is the license for this icon?

This icon is provided under the MIT license, allowing for free use.

exclamation mark icon

HugeIcons · ExclamationMarkIcon · MIT

The HugeIcons exclamation mark icon depicts a standard exclamation mark, commonly used to signify warnings, alerts, or important notices.

Common uses

Displaying error messages
Highlighting important information
Indicating a required field

Use it in React

Install

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

Import & render

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

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

Details

Library: HugeIcons (5,121 icons)
License: MIT
viewBox: 0 0 24 24
Keywords: warningalerterrorattention

FAQ

What is this icon typically used for?: It's used to draw attention to warnings, errors, or critical information within a user interface.
How do I use the ExclamationMarkIcon in React?: Import both HugeiconsIcon and ExclamationMarkIcon, then render it using <HugeiconsIcon icon={ExclamationMarkIcon} />.
What is the license for this icon?: This icon is provided under the MIT license, allowing for free use.

Related icons

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

phosphor tabler 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 →