Circle Xmark

circle-xmark

Interfaces Status

A circle containing an X mark, representing a close, cancel, or remove action. Use for modal close buttons, tag removal chips, or cancel action badges.

Code

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

icf-solid icf-circle-xmark

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

Unicode: 
Hex: \e0a5
HTML Entity: 

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
    <path d="M256 0A256 256 0 1 1 256 512A256 256 0 1 1 256 0ZM287 256L358 185a22 22 0 0 0 -31 -31L256 225L185 154a22 22 0 0 0 -31 31L225 256L154 327a22 22 0 0 0 31 31L256 287L327 358a22 22 0 0 0 31 -31ZZ"/>
</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)