Add icons to this collection by clicking the heart icon.
Double Arrow icon - also known as arrows, direction, orientation, vertical, resize, multimedia option, and double 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 511.536 511.536"
>
<linearGradient
id="a"
x1="-38.124"
x2="-32.167"
y1="630.748"
y2="624.792"
gradientTransform="matrix(21.3333 0 0 -21.3333 1005.321 13781.305)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M255.558 511.536c4.032 0 7.723-2.283 9.536-5.888l74.667-149.333a10.71 10.71 0 0 0-1.408-11.669c-2.773-3.264-7.211-4.523-11.264-3.307-45.973 14.144-97.088 14.144-143.061 0-4.053-1.195-8.512.043-11.264 3.307a10.71 10.71 0 0 0-1.408 11.669l74.667 149.333a10.658 10.658 0 0 0 9.535 5.888zm54.656-143.829-54.656 109.312-54.656-109.312c35.691 7.466 73.621 7.466 109.312 0z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-38.123"
x2="-32.162"
y1="643.245"
y2="637.287"
gradientTransform="matrix(21.3333 0 0 -21.3333 1005.321 13781.305)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M338.587 152.411 265.094 5.424c-3.627-7.232-15.467-7.232-19.093 0l-74.667 149.333a10.67 10.67 0 0 0 1.429 11.669 10.722 10.722 0 0 0 11.264 3.307c45.973-14.144 97.088-14.144 143.061 0 1.024.32 2.091.469 3.136.469h.235c5.355.064 10.88-4.693 10.859-10.667a10.57 10.57 0 0 0-2.731-7.124zm-83.029-14.678c-18.517 0-36.821 1.899-54.656 5.632l54.656-109.312 54.656 109.312c-17.835-3.733-36.139-5.632-54.656-5.632z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-37.265"
x2="-33.025"
y1="636.141"
y2="631.9"
gradientTransform="matrix(21.3333 0 0 -21.3333 1005.321 13781.305)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M319.558 255.536c0-35.285-28.715-64-64-64s-64 28.715-64 64 28.715 64 64 64 64-28.715 64-64zm-106.667 0c0-23.531 19.136-42.667 42.667-42.667s42.667 19.136 42.667 42.667-19.136 42.667-42.667 42.667-42.667-19.136-42.667-42.667z"
fill="url(#c)"
/>
</svg>
More icons in the same style and category