Up

Arrows Interfaces

A up icon representing up. Use in user interfaces for arrows features and navigation.

Code

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

icf-solid icf-up

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

Unicode: 
Hex: \e277
HTML Entity: 

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
    <path d="M186.25,245.266 L100.105,245.266 C88.802,245.266 78.608,238.471 74.26,228.038 C69.912,217.605 72.263,205.581 80.22,197.554 L236.115,40.29 C241.373,34.986 248.532,32.002 256,32.002 C263.468,32.002 270.627,34.986 275.885,40.29 L431.78,197.554 C439.737,205.581 442.088,217.605 437.74,228.038 C433.392,238.471 423.198,245.266 411.895,245.266 L325.75,245.266 L325.75,440.938 C325.75,462.496 308.248,479.998 286.69,479.998 L225.31,479.998 C203.752,479.998 186.25,462.496 186.25,440.938 L186.25,245.266 Z"/>
</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)

Up