Arrow Up From Square

arrow-up-from-square

Arrows Interfaces

A square with an upward arrow rising from its top edge, representing a share or export-from action. Use for share sheet buttons, export square controls, or upload-from indicators.

Code

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

icf-solid icf-arrow-up-from-square

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

Unicode: 
Hex: \e289
HTML Entity: 

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
    <path d="M287,305c0,17.12083 -13.87917,31 -31,31c-17.12083,0 -31,-13.87917 -31,-31v-183.16l-35.08,35.08c-12.12473,11.9964 -31.66296,11.94443 -43.72369,-0.11631c-12.06074,-12.06074 -12.11271,-31.59896 -0.11631,-43.72369l88,-88c6.07109,-6.00684 14.0009,-8.9929 21.92,-8.96316c7.9191,-0.02974 15.84891,2.95633 21.92,8.96316l88,88c11.9964,12.12473 11.94443,31.66296 -0.11631,43.72369c-12.06074,12.06074 -31.59896,12.11271 -43.72369,0.11631l-35.08,-35.08zM346 176L404 176A44 44 0 0 1 448 220L448 452A44 44 0 0 1 404 496L108 496A44 44 0 0 1 64 452L64 220A44 44 0 0 1 108 176L166 176A31 31 0 0 1 166 238L108 238L126 220L126 452L108 434L404 434L386 452L386 220L404 238L346 238A31 31 0 0 1 346 176Z"/>
</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)