Caret Left

caret-left

Arrows Interfaces

A small solid leftward-pointing triangle, representing a back or previous action. Use for carousel back buttons or left-panel navigation toggles.

Code

<i class="icf-solid icf-caret-left"></i>

icf-solid icf-caret-left

<i className="icf-solid icf-caret-left" />

Unicode: 
Hex: \e275
HTML Entity: 

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
    <path d="M155 256C154.99 249.98 157.31 244.2 161.44 239.95L318.65 77.5C322.77 73.24 328.36 70.85 334.18 70.85C346.23 70.85 356.14 81.1 356.15 93.55L356.15 418.45C356.14 430.9 346.23 441.15 334.18 441.15C328.36 441.15 322.77 438.76 318.65 434.5L161.44 272.05C157.32 267.8 155 262.02 155 256"/>
</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)