Add icons to this collection by clicking the heart icon.
Arrow icon - also known as upload, arrows, arrow, control, up arrow, up, buttons, multimedia, multimedia option, upgrade, and web page. Created in a clean lineal color style with a white, teal, and navy 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="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="M256 0C114.844 0 0 114.844 0 256s114.844 256 256 256 256-114.844 256-256S397.156 0 256 0z"
fill="#303c42"
/>
<path
d="M256 490.667C126.604 490.667 21.333 385.396 21.333 256S126.604 21.333 256 21.333 490.667 126.604 490.667 256 385.396 490.667 256 490.667z"
fill="#1e88e5"
/>
<path
d="M42.667 277.333c0-129.396 105.271-234.667 234.667-234.667 59.277 0 113.332 22.267 154.682 58.651C388.978 52.406 326.118 21.333 256 21.333 126.604 21.333 21.333 126.604 21.333 256c0 70.118 31.073 132.978 79.984 176.016-36.383-41.351-58.65-95.405-58.65-154.683z"
opacity=".2"
fill="#fff"
/>
<path
d="M263.542 109.792c-4.167-4.167-10.917-4.167-15.083 0l-96 96c-4.167 4.167-4.167 10.917 0 15.083 4.167 4.167 10.917 4.167 15.083 0l77.792-77.792v251.583a10.66 10.66 0 0 0 10.667 10.667 10.66 10.66 0 0 0 10.667-10.667V143.083l77.792 77.792a10.634 10.634 0 0 0 7.542 3.125c2.729 0 5.458-1.042 7.542-3.125 4.167-4.167 4.167-10.917 0-15.083l-96.002-96z"
fill="#303c42"
/>
<linearGradient
id="a"
x1="-37.901"
x2="-26.88"
y1="637.786"
y2="626.764"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#000" stop-opacity=".1" />
<stop offset="1" stop-color="#000" stop-opacity="0" />
</linearGradient>
<path
d="m152.458 220.875 92.875 92.874V143.083l-77.792 77.792c-4.166 4.167-10.916 4.167-15.083 0zm207.084-15.083c4.167 4.167 4.167 10.917 0 15.083A10.636 10.636 0 0 1 352 224a10.636 10.636 0 0 1-7.542-3.125l-77.792-77.792v251.583a10.66 10.66 0 0 1-10.667 10.667l73.408 73.408c71.49-23.626 127.922-80.618 150.518-152.565L359.542 205.792z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-45.578"
x2="-23.828"
y1="639.555"
y2="629.414"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M256 0C114.844 0 0 114.844 0 256s114.844 256 256 256 256-114.844 256-256S397.156 0 256 0z"
fill="url(#b)"
/>
</svg>
More icons in the same style and category