Add icons to this collection by clicking the heart icon.
Diagonal Arrow icon - also known as arrows, orientation, directional, multimedia, multimedia option, 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="396"
height="396"
viewBox="0 0 297 297.578"
>
<path
fill="#d7e9ff"
d="M158.719 42.605c2.676-2.671 6.984-2.703 9.715.032L178 52.199c2.691 2.692 2.695 7.051.027 9.719l-115.82 115.82c-2.676 2.676-6.984 2.703-9.715-.031l-9.566-9.562c-2.692-2.692-2.696-7.051-.028-9.715zm0 0"
/>
<path
fill="#0e65e5"
d="M57.371 186.574c-3.652 0-7.098-1.437-9.707-4.043l-9.566-9.562a13.648 13.648 0 0 1-4.02-9.68c-.004-3.668 1.406-7.11 3.996-9.691l115.82-115.82a13.58 13.58 0 0 1 9.657-4.012h.008c3.656 0 7.101 1.437 9.707 4.043l9.562 9.562a13.65 13.65 0 0 1 4.02 9.684 13.568 13.568 0 0 1-3.996 9.691L67.035 182.563a13.572 13.572 0 0 1-9.664 4.011zM158.72 42.605l4.828 4.829-115.82 115.82 9.593 9.625L173.2 57.089zm0 0"
/>
<path
fill="#94c1ff"
fill-rule="evenodd"
d="M124.93 8.816c2.672-2.671 6.984-2.703 9.715.032l9.566 9.562c2.691 2.692 2.691 7.05.027 9.715l-115.82 115.82c-2.676 2.676-6.984 2.703-9.719-.027l-9.562-9.566c-2.692-2.692-2.696-7.051-.028-9.715zm0 0"
/>
<path
fill="#0e65e5"
d="M23.586 152.762c-3.52 0-7.035-1.34-9.715-4.02l-9.559-9.562c-5.347-5.336-5.367-14.028-.039-19.364L120.105 3.988c5.332-5.328 14.02-5.316 19.368.028l9.562 9.566c5.352 5.352 5.367 14.04.031 19.371l-115.82 115.82a13.617 13.617 0 0 1-9.66 3.989zM129.758 13.64 13.934 129.46l9.593 9.629L139.41 23.297l-9.59-9.625zm-4.824-4.825H125zm0 0"
/>
<path
fill="#5c9eff"
d="M192.508 76.398c2.676-2.675 6.984-2.703 9.719.028l9.562 9.566c2.691 2.692 2.695 7.051.031 9.715L95.996 211.527c-2.672 2.676-6.98 2.703-9.715-.027l-9.562-9.566c-2.692-2.692-2.696-7.051-.031-9.715zm0 0"
/>
<path
fill="#0e65e5"
d="M91.164 220.367h-.004c-3.656 0-7.101-1.437-9.707-4.047l-9.562-9.562c-5.348-5.34-5.368-14.031-.04-19.363L187.685 71.566c5.328-5.332 14.015-5.312 19.367.028l9.562 9.566a13.686 13.686 0 0 1 4.028 9.676 13.54 13.54 0 0 1-3.996 9.7l-115.82 115.816a13.56 13.56 0 0 1-9.66 4.015zM197.34 81.223 81.512 197.047l9.593 9.621 115.887-115.79-9.594-9.628zm-4.828-4.828h.066zm0 0"
/>
<path
fill="#94c1ff"
fill-rule="evenodd"
d="M226.3 110.188c2.673-2.676 6.985-2.704 9.716.03l9.562 9.563c2.692 2.692 2.695 7.051.031 9.715L129.79 245.32c-2.676 2.672-6.984 2.703-9.719-.03l-9.562-9.563c-2.692-2.692-2.695-7.051-.028-9.72zm0 0"
/>
<path
fill="#0e65e5"
d="M124.953 254.156c-3.652 0-7.101-1.433-9.707-4.035l-9.566-9.57a13.63 13.63 0 0 1-4.02-9.676c-.008-3.672 1.406-7.113 3.992-9.695l115.82-115.817-.007.004.008-.004c5.195-5.195 14.18-5.168 19.375.032l9.558 9.558a13.624 13.624 0 0 1 4.02 9.684 13.535 13.535 0 0 1-3.992 9.691l-115.82 115.817c-2.59 2.585-6.016 4.011-9.66 4.011zm106.172-139.14-115.816 115.82 9.59 9.629 115.878-115.797-9.59-9.625zm-4.824-4.825h.066zm0 0"
/>
<path
fill="#5c9eff"
d="M144.27 259.797c-2.676 2.676-2.645 7.043.054 9.742l14.992 14.992c2.707 2.703 8.036 4.934 11.809 4.973l113.082 1.25c3.816.043 6.875-3.063 6.832-6.754l-1.34-113.352c-.043-3.77-2.273-9.02-4.957-11.707l-14.933-14.93c-2.692-2.695-7.055-2.698-9.72-.034zm0 0"
/>
<g fill="#0e65e5">
<path
d="M284.285 297.578h-.16l-113.074-1.246c-5.625-.066-12.594-3-16.567-6.977L139.5 274.367a13.712 13.712 0 0 1-4.047-9.754c.008-3.652 1.418-7.078 4-9.648l115.813-115.813c2.566-2.57 5.992-3.988 9.644-3.992h.008c3.672 0 7.129 1.43 9.719 4.027l14.926 14.93c3.968 3.961 6.894 10.88 6.96 16.45l1.34 113.351c.047 3.586-1.39 7.113-3.953 9.672a13.501 13.501 0 0 1-9.625 3.988zM149.121 264.61l15.024 15.098c1.421 1.422 5.046 2.95 7.062 2.973l113.074 1.246-1.406-113.196c-.027-1.968-1.547-5.546-2.96-6.96l-14.927-14.93zm-4.848-4.808 4.82 4.832s.005-.004.005-.008zm0 0h.067zm0 0"
/>
<path
d="m160.137 279.867-5.59-5.59c-6.453-6.453-6.453-16.918 0-23.37l98.035-98.036c6.453-6.457 16.918-6.457 23.375 0l5.586 5.59c6.457 6.453 6.457 16.918 0 23.371l-98.031 98.035c-6.457 6.457-16.922 6.457-23.375 0zm0 0"
/>
<path
d="M171.82 291.523c-5.98 0-11.96-2.277-16.515-6.824v-.004l-5.586-5.59c-9.106-9.105-9.106-23.918 0-33.027l98.035-98.035c9.105-9.098 23.926-9.098 33.031-.004l5.586 5.594c9.106 9.105 9.106 23.922 0 33.027l-98.031 98.035c-4.555 4.551-10.535 6.828-16.52 6.828zm-6.863-16.48c3.797 3.781 9.95 3.773 13.727-.004l98.035-98.035a9.638 9.638 0 0 0 2.84-6.86 9.632 9.632 0 0 0-2.84-6.859l-5.586-5.59c-3.793-3.789-9.945-3.777-13.727.004l-98.035 98.031a9.638 9.638 0 0 0-2.84 6.86 9.64 9.64 0 0 0 2.84 6.863zm0 0"
/>
</g>
<path
fill="#fff"
d="M256.906 234.89a6.824 6.824 0 0 1-6.828-6.824v-27.308c0-3.77 3.055-6.824 6.828-6.824s6.824 3.054 6.824 6.824v27.308a6.82 6.82 0 0 1-6.824 6.825zm0 0"
/>
<path
fill="#fff"
d="M270.559 221.238h-27.305a6.824 6.824 0 0 1-6.828-6.824 6.825 6.825 0 0 1 6.828-6.828h27.305a6.825 6.825 0 0 1 6.828 6.828 6.824 6.824 0 0 1-6.828 6.824zm0 0"
/>
</svg>
More icons in the same style and category