Add icons to this collection by clicking the heart icon.
Diagonal Arrow icon - also known as arrows, orientation, directional, multimedia, multimedia option, diagonal, and diagonal 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 512"
>
<linearGradient
id="a"
x1="-44.406"
x2="11.904"
y1="615.969"
y2="615.969"
gradientTransform="matrix(10.6667 0 0 -10.6667 473.667 6826.333)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".359" stop-color="#ed683c" />
<stop offset=".702" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M256 0C114.615 0 0 114.615 0 256s114.615 256 256 256 256-114.615 256-256C511.835 114.683 397.317.165 256 0zm0 490.667C126.397 490.667 21.333 385.603 21.333 256S126.397 21.333 256 21.333 490.667 126.397 490.667 256C490.52 385.542 385.542 490.52 256 490.667z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-44.405"
x2="11.914"
y1="616.49"
y2="616.49"
gradientTransform="matrix(10.6667 0 0 -10.6667 473.667 6826.333)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".359" stop-color="#ed683c" />
<stop offset=".702" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M362.667 347.584 131.968 116.885l-15.083 15.093 230.699 230.688h-64.757V384h90.507c5.891 0 10.667-4.776 10.667-10.667v-90.507h-21.333v64.758z"
fill="url(#b)"
/>
</svg>
More icons in the same style and category