Exclamation Triangle

exclamation-triangle

Alert Status

A triangle with an exclamation mark inside, representing a warning or caution alert. Use for validation errors, system warnings, or attention-required notices.

Code

<i class="icf-solid icf-exclamation-triangle"></i>

icf-solid icf-exclamation-triangle

<i className="icf-solid icf-exclamation-triangle" />

Unicode: 
Hex: \e017
HTML Entity: 

.my-icon::before {
    font-family: "Iconfyra 1";
    font-weight: 900;
    content: "\e017";
}

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
    <path d="M284 55L490 467A31 31 0 0 1 462 512H50A31 31 0 0 1 22 467L228 55A31 31 0 0 1 284 55ZM256 350a26 26 0 1 1 0 52a26 26 0 1 1 0 -52ZM234 220a22 22 0 0 1 44 0v92a22 22 0 0 1 -44 0Z"/>
</svg>

Available Variants

Classic

Solid

Free

Regular

Free

Light

Basic

Thin

Basic

Duotone

Solid

Pro

Regular

Pro

Light

Pro

Thin

Pro

Sizes

16px

24px

32px

48px

64px

96px

128px

Download

SVG (Classic Solid) SVG (Classic Regular)