Circle Percentage

circle-percentage

Mathematics

A circle containing a percent sign, representing a discount badge or percentage value in a circular frame. Use for sale badges or progress percentage displays.

Code

<i class="icf-solid icf-circle-percentage"></i>

icf-solid icf-circle-percentage

<i className="icf-solid icf-circle-percentage" />

Unicode: 
Hex: \e11b
HTML Entity: 

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
    <path d="M256 0A256 256 0 1 1 256 512A256 256 0 1 1 256 0ZM182.56,360.56A22 22 0 0 1 151.44,329.44L329.44,151.44A22 22 0 0 1 360.56,182.56ZM192,142A50 50 0 1 1 192,242A50 50 0 1 1 192,142ZM320,270A50 50 0 1 1 320,370A50 50 0 1 1 320,270Z"/>
</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)