Add icons to this collection by clicking the heart icon.
Left Arrow icon - also known as arrows, left, return, previous, back, and left arrow. 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="100"
height="100"
viewBox="0 0 512.005 512.005"
>
<linearGradient
id="a"
x1="-41.802"
x2="-31.595"
y1="639.593"
y2="629.386"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.225 13791.786)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M205.787 466.224a10.716 10.716 0 0 0 7.552 3.115c2.731 0 5.461-1.045 7.531-3.115 4.16-4.16 4.16-10.923 0-15.083L111.088 341.339h91.584c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667H89.755l-64-64 64-64h112.917c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667h-91.584L220.869 60.869c4.16-4.16 4.16-10.923 0-15.083s-10.923-4.16-15.083 0L3.12 248.453c-4.16 4.16-4.16 10.923 0 15.083l202.667 202.688z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-34.145"
x2="-31.709"
y1="632.208"
y2="629.771"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.225 13791.786)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M330.672 320.005H256.88c-5.888 0-10.667 4.779-10.667 10.667s4.779 10.667 10.667 10.667h73.792c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-34.145"
x2="-31.709"
y1="639.208"
y2="636.771"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.225 13791.786)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M330.672 170.672H256.88c-5.888 0-10.667 4.779-10.667 10.667s4.779 10.667 10.667 10.667h73.792c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-28.396"
x2="-26.459"
y1="631.958"
y2="630.021"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.225 13791.786)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M437.339 320.005H384.88c-5.888 0-10.667 4.779-10.667 10.667s4.779 10.667 10.667 10.667h52.459c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-28.396"
x2="-26.459"
y1="638.958"
y2="637.021"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.225 13791.786)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M374.213 181.339c0 5.888 4.779 10.667 10.667 10.667h52.459c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667H384.88c-5.888 0-10.667 4.779-10.667 10.667z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-24.096"
x2="-23.025"
y1="631.526"
y2="630.45"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.225 13791.786)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M501.339 320.005h-15.552c-5.888 0-10.667 4.779-10.667 10.667s4.779 10.667 10.667 10.667h15.552c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-24.096"
x2="-23.025"
y1="638.526"
y2="637.45"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.225 13791.786)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M501.339 170.672h-15.552c-5.888 0-10.667 4.779-10.667 10.667s4.779 10.667 10.667 10.667h15.552c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667z"
fill="url(#g)"
/>
</svg>
More icons in the same style and category