Add icons to this collection by clicking the heart icon.
Circle Button icon - also known as arrows, button, navigate, down arrow, more, basic app, and circle button. 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="512"
height="512"
viewBox="0 0 32 32"
>
<linearGradient
id="a"
x1=".72"
x2="32.65"
y1="30.81"
y2="-.14"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00f3ff" />
<stop offset="1" stop-color="#0098ff" />
</linearGradient>
<linearGradient id="b" x1=".72" x2="32.65" y1="30.81" y2="-.14" href="#a" />
<g>
<path
fill="url(#a)"
d="M16 1.5A14.5 14.5 0 1 0 30.5 16 14.51 14.51 0 0 0 16 1.5zm0 28A13.5 13.5 0 1 1 29.5 16 13.52 13.52 0 0 1 16 29.5z"
/>
<path
fill="url(#b)"
d="m19.65 19.65-3.15 3.14V8a.5.5 0 0 0-1 0v14.79l-3.15-3.14a.49.49 0 0 0-.7.7l4 4a.36.36 0 0 0 .16.11.47.47 0 0 0 .38 0 .36.36 0 0 0 .16-.11l4-4a.49.49 0 0 0-.7-.7z"
/>
</g>
</svg>
More icons in the same style and category