Loader

loader

A partial circle arc with a rounded end, representing an animated loading indicator. Use for content-loading states, progress spinners, or async operation feedback.

Code

<i class="icf-solid icf-loader"></i>
icf-solid icf-loader
<i className="icf-solid icf-loader" />
Unicode: 
Hex: \e0eb
HTML Entity: 
.my-icon::before {
    font-family: "Iconfyra 1";
    font-weight: 900;
    content: "\e0eb";
}
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
    <path d="M287,116L287,31A31,31 0 0 0 225,31L225,116A31,31 0 0 0 287,116ZM376.9,178.9L437,118.8A31,31 0 0 0 393.2,75L333.1,135.1A31,31 0 0 0 376.9,178.9ZM396,287L481,287A31,31 0 0 0 481,225L396,225A31,31 0 0 0 396,287ZM333.1,376.9L393.2,437A31,31 0 0 0 437,393.2L376.9,333.1A31,31 0 0 0 333.1,376.9ZM225,396L225,481A31,31 0 0 0 287,481L287,396A31,31 0 0 0 225,396ZM135.1,333.1L75,393.2A31,31 0 0 0 118.8,437L178.9,376.9A31,31 0 0 0 135.1,333.1ZM116,225L31,225A31,31 0 0 0 31,287L116,287A31,31 0 0 0 116,225ZM178.9,135.1L118.8,75A31,31 0 0 0 75,118.8L135.1,178.9A31,31 0 0 0 178.9,135.1Z"/>
</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)