Add icons to this collection by clicking the heart icon.
Go Left icon - also known as arrows, position, ui, direction arrow, and go left. Created in a clean gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient id="a">
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".5" stop-color="#8e79dc" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<linearGradient
id="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(814.138 -814.138) rotate(-88.725 .19 -.174)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(-793.768 793.768) rotate(-88.725 .127 .438)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(-793.768) rotate(-88.725 -.099 .217)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(793.768 -793.768) rotate(1.275 7.737 -5.058)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(793.768) rotate(1.275 -12.09 -4.837)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(720.105 -720.105) rotate(-88.725 .23 -.176)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(803.263 -803.263) rotate(1.275 17.946 -27.879)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="url(#b)"
d="M247.5 480v-75.192A157.308 157.308 0 0 1 404.808 247.5H480c4.691 0 8.5 3.809 8.5 8.5s-3.809 8.5-8.5 8.5h-75.192A140.308 140.308 0 0 0 264.5 404.808V480c0 4.691-3.809 8.5-8.5 8.5s-8.5-3.809-8.5-8.5z"
transform="matrix(-1 0 0 1 593.92 -110.9)"
/>
<path
fill="url(#c)"
d="m60.547 169.264 57.278-57.279c3.234-3.234 8.486-3.234 11.72 0s3.234 8.486 0 11.72l-57.278 57.279c-3.235 3.234-8.486 3.234-11.72 0a8.29 8.29 0 0 1 0-11.72z"
transform="matrix(1.026 0 0 -1.026 45.8 324.71)"
/>
<path
fill="url(#d)"
d="m72.267 180.984 57.278-57.279c3.234-3.234 3.234-8.486 0-11.72s-8.486-3.234-11.72 0l-57.278 57.279a8.29 8.29 0 0 0 0 11.72c3.234 3.234 8.485 3.234 11.72 0z"
transform="translate(45.8 -34.52) scale(1.026)"
/>
<path
fill="url(#e)"
d="m60.547 169.264 57.278-57.279c3.234-3.234 8.486-3.234 11.72 0s3.234 8.486 0 11.72l-57.278 57.279c-3.235 3.234-8.486 3.234-11.72 0a8.29 8.29 0 0 1 0-11.72z"
transform="matrix(0 1.026 1.026 0 159.72 -36.8)"
/>
<path
fill="url(#f)"
d="m72.267 180.984 57.278-57.279c3.234-3.234 3.234-8.486 0-11.72s-8.486-3.234-11.72 0l-57.278 57.279a8.29 8.29 0 0 0 0 11.72c3.234 3.234 8.485 3.234 11.72 0z"
transform="matrix(0 1.026 -1.026 0 518.95 -36.8)"
/>
<path
fill="url(#g)"
d="M263.518 98.669v332.325c0 4.149-3.369 7.518-7.518 7.518s-7.518-3.369-7.518-7.518V98.669c0-4.149 3.369-7.518 7.518-7.518s7.518 3.369 7.518 7.518z"
transform="matrix(-1.131 0 0 1.131 627.34 -80.25)"
/>
<path
fill="url(#h)"
d="M68.342 319.512c24.686 0 44.728 20.042 44.728 44.728s-20.042 44.728-44.728 44.728-44.728-20.042-44.728-44.728 20.042-44.728 44.728-44.728zm0 16.773c-15.429 0-27.956 12.526-27.956 27.955s12.527 27.955 27.956 27.955 27.955-12.526 27.955-27.955-12.526-27.955-27.955-27.955z"
transform="matrix(0 1.014 1.014 0 -29.83 374.59)"
/>
</g>
</svg>
More icons in the same style and category