Spinner

spinner

A circle of dashes or spokes of varying opacity, forming a loading spinner. Use for async loading states, page transitions, or background processing indicators.

Code

<i class="icf-solid icf-spinner"></i>
icf-solid icf-spinner
<i className="icf-solid icf-spinner" />
Unicode: 
Hex: \e0c9
HTML Entity: 
.my-icon::before {
    font-family: "Iconfyra 1";
    font-weight: 900;
    content: "\e0c9";
}
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
    <path d="M208,48A48,48 0 1 1 304,48A48,48 0 1 1 208,48ZM416,256A48,48 0 1 1 512,256A48,48 0 1 1 416,256ZM355,403A48,48 0 1 1 451,403A48,48 0 1 1 355,403ZM208,464A48,48 0 1 1 304,464A48,48 0 1 1 208,464ZM61,403A48,48 0 1 1 157,403A48,48 0 1 1 61,403ZM0,256A48,48 0 1 1 96,256A48,48 0 1 1 0,256ZM61,109A48,48 0 1 1 157,109A48,48 0 1 1 61,109Z"/>
</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)