Circle Arrow Right

circle-arrow-right

Arrows Interfaces

A circle containing a rightward arrow, representing a forward or next action within a contained button. Use for proceed buttons, next-step circles, or carousel controls.

Code

<i class="icf-solid icf-circle-arrow-right"></i>

icf-solid icf-circle-arrow-right

<i className="icf-solid icf-circle-arrow-right" />

Unicode: 
Hex: \e091
HTML Entity: 

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

<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 0ZM277 162L358 234a31 31 0 0 1 0 44l-72 72a31 31 0 0 1 -44 -44L253 287h-68a31 31 0 0 1 0 -62H253L233 206a31 31 0 0 1 44 -44Z"/>
</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)