Solar · UI

solar:arrow-left-to-line-outline

Solar offers outline, bold, and broken styles of the same metaphor, useful when a screen needs more than one weight. License: CC BY 4.0.

License: CC BY 4.0 · /r/solar/arrow-left-to-line-outline.json

Redistribution follows that set’s license. Brand marks can have extra trademark limits.

React

import type { SVGProps } from 'react';

export function ArrowLeftToLineOutline(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M3.75 20C3.75 20.4142 3.41421 20.75 3 20.75C2.58579 20.75 2.25 20.4142 2.25 20L2.25 4C2.25 3.58579 2.58579 3.25 3 3.25C3.41421 3.25 3.75 3.58579 3.75 4L3.75 20Z"/><path d="M21.75 12C21.75 12.4142 21.4142 12.75 21 12.75L9.93164 12.75L12.8809 15.4463C13.1865 15.7257 13.208 16.2001 12.9287 16.5059C12.6493 16.8115 12.1748 16.833 11.8691 16.5537L7.49414 12.5537C7.33877 12.4116 7.25 12.2105 7.25 12C7.25003 11.7895 7.33876 11.5884 7.49414 11.4463L11.8691 7.44629C12.1748 7.16706 12.6493 7.18858 12.9287 7.49414C13.208 7.79983 13.1864 8.27427 12.8809 8.55371L9.93164 11.25L21 11.25C21.4142 11.25 21.7499 11.5858 21.75 12Z"/></g></svg>
  );
}

Solar icon

Solar

Solar

solar