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