What is the exclamation mark icon used for?

It's typically used to draw attention to warnings, errors, or important system status updates.

How do I use the exclamation mark icon in React?

You can import and use it like this: import { ExclamationMark } from '@phosphor-icons/react'.

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

Phosphor · exclamation-mark · MIT

The Phosphor exclamation mark icon depicts a standard exclamation point, commonly used to signify alerts, warnings, or important system messages.

Install

npm i @phosphor-icons/react

Import & render

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

<ExclamationMark size={24} />

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

regular

<ExclamationMark size={24} />

thin

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

light

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

bold

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

fill

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

duotone

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

Library: Phosphor (1,512 icons)
License: MIT
viewBox: 0 0 256 256
Category: system
Keywords: *new*!alertwarningcautioninterjectionpunctuationsymbolsystemexclamationmarkimportant

What is the exclamation mark icon used for?: It's typically used to draw attention to warnings, errors, or important system status updates.
How do I use the exclamation mark icon in React?: You can import and use it like this: import { ExclamationMark } from '@phosphor-icons/react'.
What is the license for this icon?: This icon is provided under the MIT license, allowing for free use.

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 →