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