Circle Quarter Stroke

circle-quarter-stroke

Design Shapes

A circle with one quarter as a stroke arc, representing a very early progress state. Use for minimal progress rings or sparse completion indicators.

Code

<i class="icf-solid icf-circle-quarter-stroke"></i>

icf-solid icf-circle-quarter-stroke

<i className="icf-solid icf-circle-quarter-stroke" />

Unicode: 
Hex: \e042
HTML Entity: 

.my-icon::before {
    font-family: "Iconfyra 1";
    font-weight: 900;
    content: "\e042";
}

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
    <path d="M256,0C397.384,0 512,114.615 512,256C512,397.384 397.384,512 256,512C114.615,512 0,397.384 0,256C0,114.615 114.615,0 256,0ZM225,64.462C132.59,79.298 62,159.407 62,256C62,363.144 148.857,450 256,450C352.594,450 432.701,379.411 447.538,287L256,287C238.879,287 225,273.121 225,256L225,64.462Z"/>
</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)