Circle Half Stroke Horizontal

circle-half-stroke-horizontal

Design Shapes

A circle with the bottom half stroke-outlined and the top half filled, representing a horizontal partial selection. Use for horizontal partial-fill badges or split-state indicators.

Code

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

icf-solid icf-circle-half-stroke-horizontal

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

Unicode: 
Hex: \e040
HTML Entity: 

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
    <path d="M256,512C115.563,512 -0,396.437 -0,256C-0,115.563 115.563,0 256,0C396.437,0 512,115.563 512,256C512,396.437 396.437,512 256,512ZM62,256C62,362.425 149.575,450 256,450C362.425,450 450,362.425 450,256L62,256ZM450,287L62,287L62,225L450,225L450,287Z"/>
</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)