Add icons to this collection by clicking the heart icon.
Left Arrow icon - also known as arrows, web design, symbol, mobile, left arrow, and user interface. 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 510 510"
>
<linearGradient id="lg1">
<stop offset="0" stop-color="#ff8f2a" />
<stop offset=".22" stop-color="#ff932b" />
<stop offset=".42" stop-color="#ff9e2d" />
<stop offset=".61" stop-color="#ffb131" />
<stop offset=".8" stop-color="#ffcb37" />
<stop offset=".99" stop-color="#ffec3e" />
<stop offset="1" stop-color="#ffef3f" />
</linearGradient>
<linearGradient
id="SVGID_1_"
gradientTransform="matrix(8 0 0 -8 364 5058)"
gradientUnits="userSpaceOnUse"
x1="-4.442"
x2="-25.929"
y1="631.106"
y2="559.199"
href="#lg1"
/>
<linearGradient
id="SVGID_2_"
gradientTransform="matrix(8 0 0 -8 364 5058)"
gradientUnits="userSpaceOnUse"
x1="-8.82"
x2="-30.322"
y1="632.411"
y2="560.504"
href="#lg1"
/>
<linearGradient
id="SVGID_3_"
gradientTransform="matrix(8 0 0 -8 364 5058)"
gradientUnits="userSpaceOnUse"
x1="10.327"
x2="-11.159"
y1="626.688"
y2="554.781"
href="#lg1"
/>
<g>
<g id="Left_arrow">
<path
d="m255 510c-140.833 0-255-114.167-255-255s114.167-255 255-255 255 114.167 255 255-114.167 255-255 255zm0-486.818c-128.03 0-231.818 103.788-231.818 231.818s103.788 231.818 231.818 231.818 231.818-103.788 231.818-231.818-103.788-231.818-231.818-231.818z"
fill="url(#SVGID_1_)"
/>
<path
d="m179.543 339.382c-5.557.019-10.998-1.593-15.648-4.636l-1.623-1.391-54.825-53.666c-11.107-10.891-11.281-28.724-.39-39.831.129-.131.259-.261.39-.39l54.825-54.014 1.623-1.391c12.857-8.642 30.286-5.225 38.928 7.632 3.091 4.598 4.751 10.009 4.77 15.55v15.416h86.236c19.836-.349 36.434 14.973 37.67 34.773.582 9.963-3.033 19.715-9.968 26.891-6.792 7.334-16.316 11.53-26.311 11.591h-87.627v15.416c.064 15.427-12.39 27.986-27.818 28.05-.077 0-.154 0-.232 0zm-2.086-23.182c1.393.667 3.012.667 4.405 0 1.612-.811 2.607-2.485 2.55-4.289v-27.586c0-6.401 5.189-11.591 11.591-11.591h99.218c7.234.014 13.109-5.839 13.123-13.073.001-.279-.008-.558-.025-.837-.843-7.287-7.159-12.693-14.489-12.402h-97.827c-6.401 0-11.591-5.189-11.591-11.591v-27.007c.02-1.824-.958-3.514-2.55-4.405-1.406-.606-2.999-.606-4.405 0l-53.782 52.739c-1.952 1.848-2.037 4.93-.188 6.882.061.065.124.127.188.188z"
fill="url(#SVGID_2_)"
/>
<path
d="m382.5 370.909c-15.492 0-28.05-12.558-28.05-28.05 0-.039 0-.077 0-.116v-165.75c-.997-15.524 10.778-28.917 26.302-29.914s28.917 10.778 29.914 26.302c.077 1.203.077 2.409 0 3.612v165.17c.32 15.552-12.028 28.419-27.58 28.739-.196.005-.391.007-.586.007zm0-198.32c-2.689-.001-4.869 2.178-4.87 4.867 0 .039 0 .078.001.117v164.591c-.419 2.721 1.448 5.265 4.168 5.684 2.721.419 5.265-1.448 5.684-4.168.077-.502.077-1.013 0-1.516v-165.17c0-2.753-2.231-4.984-4.984-4.984v.579z"
fill="url(#SVGID_3_)"
/>
</g>
</g>
</svg>
More icons in the same style and category