Arrow Left To Line

arrow-left-to-line

Arrows Interfaces

A leftward arrow meeting a vertical line, indicating a collapse or dock-to-left action. Use for sidebar collapse buttons or back-to-start navigation.

Code

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

icf-solid icf-arrow-left-to-line

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

Unicode: 
Hex: \e127
HTML Entity: 

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
    <path d="M253,386L145,278C139.14,272.182 135.84,264.258 135.84,256C135.84,247.742 139.14,239.818 145,234L253,126C258.833,120.167 266.752,116.887 275,116.887C292.068,116.887 306.113,130.932 306.113,148C306.113,156.248 302.833,164.167 297,170L242,225L449,225C466.006,225 480,238.994 480,256C480,273.006 466.006,287 449,287L242,287L297,342C302.833,347.833 306.113,355.752 306.113,364C306.113,381.068 292.068,395.113 275,395.113C266.752,395.113 258.833,391.833 253,386ZM63,416C45.891,416 32,404.424 32,390.167L32,121.833C32,107.576 45.891,96 63,96C80.109,96 94,107.576 94,121.833L94,390.167C94,404.424 80.109,416 63,416Z"/>
</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)