Square Arrow Down

square-arrow-down

Arrows Interfaces

A square containing a downward arrow, representing a download or move-down action within a square button. Use for download square buttons or anchored scroll triggers.

Code

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

icf-solid icf-square-arrow-down

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

Unicode: 
Hex: \e097
HTML Entity: 

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
    <path d="M31 0H481a31 31 0 0 1 31 31V481a31 31 0 0 1 -31 31H31a31 31 0 0 1 -31 -31V31a31 31 0 0 1 31 -31ZM162 277L234 358a31 31 0 0 0 44 0l72 -72a31 31 0 0 0 -44 -44L287 253v-68a31 31 0 0 0 -62 0V253L206 233a31 31 0 0 0 -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)