Circle Dashed
circle-dashed
A circle drawn with a dashed stroke outline, representing an incomplete, pending, or placeholder state. Use for draft indicators, pending items, or drop-zone outlines.
Code
<i class="icf-solid icf-circle-dashed"></i>
icf-solid icf-circle-dashed
<i className="icf-solid icf-circle-dashed" />
Unicode:
Hex: \e048
HTML Entity:
.my-icon::before {
font-family: "Iconfyra 1";
font-weight: 900;
content: "\e048";
}
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
<path d="M302.4 4.2A256 256 0 0 1 401.2 45.2A31 31 0 0 1 366 96.2A194 194 0 0 0 291.2 65.2A31 31 0 0 1 302.4 4.2ZM466.8 110.8A256 256 0 0 1 507.8 209.6A31 31 0 0 1 446.8 220.8A194 194 0 0 0 415.8 146A31 31 0 0 1 466.8 110.8ZM507.8 302.4A256 256 0 0 1 466.8 401.2A31 31 0 0 1 415.8 366A194 194 0 0 0 446.8 291.2A31 31 0 0 1 507.8 302.4ZM401.2 466.8A256 256 0 0 1 302.4 507.8A31 31 0 0 1 291.2 446.8A194 194 0 0 0 366 415.8A31 31 0 0 1 401.2 466.8ZM209.6 507.8A256 256 0 0 1 110.8 466.8A31 31 0 0 1 146 415.8A194 194 0 0 0 220.8 446.8A31 31 0 0 1 209.6 507.8ZM45.2 401.2A256 256 0 0 1 4.2 302.4A31 31 0 0 1 65.2 291.2A194 194 0 0 0 96.2 366A31 31 0 0 1 45.2 401.2ZM4.2 209.6A256 256 0 0 1 45.2 110.8A31 31 0 0 1 96.2 146A194 194 0 0 0 65.2 220.8A31 31 0 0 1 4.2 209.6ZM110.8 45.2A256 256 0 0 1 209.6 4.2A31 31 0 0 1 220.8 65.2A194 194 0 0 0 146 96.2A31 31 0 0 1 110.8 45.2Z"/>
</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