Arrow Up

arrow-up

Arrows Interfaces

A simple arrow pointing straight upward. Use for scroll-to-top buttons, upload actions, or increase/increment controls.

Code

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

icf-solid icf-arrow-up

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

Unicode: 
Hex: \e004
HTML Entity: 

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
    <path d="M462 193 278 9a31 31 0 0 0-44 0L50 193a31 31 0 0 0 44 44l131-132v376a31 31 0 0 0 62 0V105l131 132a31 31 0 0 0 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)