Arrow Right

arrow-right

Arrows Interfaces

A simple arrow pointing straight to the right. Use for forward navigation, next-item controls, or submit/proceed actions.

Code

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

icf-solid icf-arrow-right

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

Unicode: 
Hex: \e003
HTML Entity: 

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
    <path d="m319 50 184 184a31 31 0 0 1 0 44L319 462a31 31 0 0 1-44-44l132-131H31a31 31 0 0 1 0-62h376L275 94a31 31 0 0 1 44-44"/>
</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)