Add icons to this collection by clicking the heart icon.
Diagonal Arrow icon - also known as interface, arrows, button, ui, and diagonal arrow. Created in a clean blue style with a white, silver, and blue finish, 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="509.724"
height="509.724"
viewBox="0 0 382.293 382.293"
>
<path
fill="#0e65e5"
fill-rule="evenodd"
d="M6.828 41.008c0-18.875 15.258-34.18 34.188-34.18h300.261c18.883 0 34.188 15.25 34.188 34.18v300.27c0 18.882-15.254 34.187-34.188 34.187H41.016c-18.883 0-34.188-15.254-34.188-34.188zm0 0"
/>
<path
fill="#0e65e5"
d="M341.281 382.293H41.011C18.399 382.293 0 363.895 0 341.281V41.008C0 18.395 18.398 0 41.012 0h300.27c22.613 0 41.011 18.395 41.011 41.008v300.27c0 22.617-18.398 41.015-41.012 41.015zM41.011 13.653c-15.085 0-27.359 12.269-27.359 27.355v300.27c0 15.09 12.274 27.363 27.36 27.363h300.27c15.085 0 27.359-12.274 27.359-27.36V41.008c0-15.086-12.274-27.356-27.36-27.356zm0 0"
/>
<path
fill="#94c1ff"
fill-rule="evenodd"
d="M6.828 41.008c0-18.875 15.258-34.18 34.188-34.18h300.261c18.883 0 34.188 15.258 34.188 34.18v252.484c0 18.883-15.254 34.188-34.188 34.188H41.016c-18.883 0-34.188-15.266-34.188-34.188zm0 0"
/>
<path
fill="#0e65e5"
d="M341.281 334.508H41.011C18.399 334.508 0 316.105 0 293.492V41.008C0 18.395 18.398 0 41.012 0h300.27c22.613 0 41.011 18.395 41.011 41.008v252.484c0 22.613-18.398 41.016-41.012 41.016zM41.011 13.652c-15.085 0-27.359 12.27-27.359 27.356v252.484c0 15.09 12.274 27.36 27.36 27.36h300.27c15.085 0 27.359-12.27 27.359-27.36V41.008c0-15.086-12.274-27.356-27.36-27.356zm0 0"
/>
<path
fill="#fff"
d="M34.133 136.535a6.82 6.82 0 0 1-6.824-6.824V48.516c0-11.696 9.511-21.207 21.21-21.207h81.188a6.824 6.824 0 0 1 6.828 6.824 6.828 6.828 0 0 1-6.828 6.828H48.52c-4.168 0-7.56 3.387-7.56 7.555v81.195a6.824 6.824 0 0 1-6.827 6.824zm0 0"
/>
<path
fill="#d7e9ff"
d="M266.238 238.934 116.055 185.64l96.89-96.895zm0 0"
/>
<path
fill="#0e65e5"
d="M266.238 245.762c-.765 0-1.539-.133-2.277-.395l-150.188-53.293a6.827 6.827 0 0 1-2.546-11.262l96.894-96.89c1.652-1.66 4.031-2.34 6.332-1.836a6.83 6.83 0 0 1 4.926 4.379l53.297 150.183a6.83 6.83 0 0 1-6.438 9.113zm-137.71-62.938 126.484 44.883-44.887-126.488zm0 0"
/>
<g fill="#fff">
<path
d="M102.398 341.332a6.82 6.82 0 0 1-6.824-6.824v-27.309a6.82 6.82 0 0 1 6.824-6.824 6.824 6.824 0 0 1 6.829 6.824v27.309a6.824 6.824 0 0 1-6.829 6.824zm0 0"
/>
<path
d="M116.055 327.68H88.746a6.822 6.822 0 0 1-6.824-6.828 6.82 6.82 0 0 1 6.824-6.825h27.309a6.82 6.82 0 0 1 6.824 6.825 6.822 6.822 0 0 1-6.824 6.828zm0 0"
/>
</g>
</svg>
More icons in the same style and category