Arrow Down To Line

arrow-down-to-line

Arrows Interfaces

A downward arrow meeting a horizontal line at its tip, indicating a download or anchor-to-bottom action. Use for download buttons or jump-to-bottom links.

Code

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

icf-solid icf-arrow-down-to-line

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

Unicode: 
Hex: \e12a
HTML Entity: 

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
    <path d="M386,259L278,367C272.182,372.86 264.258,376.16 256,376.16C247.742,376.16 239.818,372.86 234,367L126,259C120.167,253.167 116.887,245.248 116.887,237C116.887,219.932 130.932,205.887 148,205.887C156.248,205.887 164.167,209.167 170,215L225,270L225,63C225,45.994 238.994,32 256,32C273.006,32 287,45.994 287,63L287,270L342,215C347.833,209.167 355.752,205.887 364,205.887C381.068,205.887 395.113,219.932 395.113,237C395.113,245.248 391.833,253.167 386,259ZM416,449C416,466.109 404.424,480 390.167,480L121.833,480C107.576,480 96,466.109 96,449C96,431.891 107.576,418 121.833,418L390.167,418C404.424,418 416,431.891 416,449Z"/>
</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)