Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:
Left Long icon
A free left long icon from Font Awesome 6, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.
- License
- CC BY 4.0 license
- Project
- fontawesome.com
npx shadcn@latest add https://ui.cuelark.com/r/icons/font-awesome-6/left-long.jsonimport * as React from "react";
/**
* Left Long from Font Awesome 6 (https://fontawesome.com/), CC BY 4.0 License.
* Via Cuelark UI: ui.cuelark.com/icons/font-awesome-6/left-long. Sized in em, colored by currentColor.
*/
export function FaLeftLongIcon(props: React.SVGProps<SVGSVGElement>) {
return (
<svg
aria-hidden="true"
viewBox="0 0 512 512"
stroke="currentColor"
fill="currentColor"
strokeWidth="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M177.5 414c-8.8 3.8-19 2-26-4.6l-144-136C2.7 268.9 0 262.6 0 256s2.7-12.9 7.5-17.4l144-136c7-6.6 17.2-8.4 26-4.6s14.5 12.5 14.5 22l0 72 288 0c17.7 0 32 14.3 32 32l0 64c0 17.7-14.3 32-32 32l-288 0 0 72c0 9.6-5.7 18.2-14.5 22z"
/>
</svg>
);
}import { FaLeftLong } from "react-icons/fa6";
export function Example() {
return <FaLeftLong className="size-5" />;
}<svg
viewBox="0 0 512 512"
stroke="currentColor"
fill="currentColor"
stroke-width="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M177.5 414c-8.8 3.8-19 2-26-4.6l-144-136C2.7 268.9 0 262.6 0 256s2.7-12.9 7.5-17.4l144-136c7-6.6 17.2-8.4 26-4.6s14.5 12.5 14.5 22l0 72 288 0c17.7 0 32 14.3 32 32l0 64c0 17.7-14.3 32-32 32l-288 0 0 72c0 9.6-5.7 18.2-14.5 22z"
/>
</svg>"Left Long" icon from Font Awesome 6 (https://fontawesome.com/), licensed under CC BY 4.0 license.Related icons:
- align left
- angle left
- angles left
- arrow down long
- arrow left
- arrow left long
- arrow right arrow left
- arrow right long
- arrow rotate left
- arrow up long
- arrows left right
- arrows left right to line
- arrows split up and left
- arrows up down left right
- border top left
- caret left
- chevron left
- circle arrow left
- circle chevron left
- circle left
- clock rotate left
- delete left
- down left and up right to center
- down long