Xmark

xmark

Interfaces Status

An X or close icon. Use for dismissing dialogs, clearing inputs, removing items, or closing panels.

Code

<i class="icf-solid icf-xmark"></i>

icf-solid icf-xmark

<i className="icf-solid icf-xmark" />

Unicode: 
Hex: \e032
HTML Entity: 

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
    <path d="M300 256L443 113a31 31 0 0 0-44-44L256 212L113 69a31 31 0 0 0-44 44L212 256L69 399a31 31 0 0 0 44 44L256 300L399 443a31 31 0 0 0 44-44z"/>
</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)