Add icons to this collection by clicking the heart icon.
Button icon - also known as button, fashion, round, and hobbies and free time. Created in a clean flat style with a teal, magenta, and pink 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="512"
height="512"
viewBox="0 0 512.562 512.562"
>
<path
fill="#008adf"
d="M256.268 80.002c17.751-5.664 36.666-8.721 56.295-8.721 102.173 0 185 82.827 185 185s-82.827 185-185 185c-19.628 0-38.542-3.057-56.293-8.72z"
/>
<path
fill="#00abe9"
d="M312.562 456.281c-20.768 0-41.241-3.173-60.852-9.43l-10.44-3.331-.003-374.477 10.44-3.331c19.612-6.258 40.087-9.431 60.854-9.431 110.28 0 200 89.72 200 200s-89.718 200-199.999 200zm-41.291-35.046c13.438 3.352 27.282 5.046 41.292 5.046 93.738 0 170-76.262 170-170s-76.262-170-170-170c-14.011 0-27.855 1.694-41.295 5.047z"
/>
<path
fill="#2ad8f6"
d="M339.618 134.9c55.658 12.351 97.278 62.006 97.278 121.381s-41.62 109.03-97.277 121.381z"
/>
<path
fill="#00abe9"
d="m324.619 396.356-.001-280.15 18.25 4.05c30.462 6.76 58.129 23.893 77.904 48.244 20.07 24.714 31.124 55.889 31.124 87.781s-11.053 63.067-31.123 87.781c-19.775 24.351-47.442 41.484-77.904 48.244zm29.999-241.01.001 201.87c39.898-16.74 67.277-56.568 67.277-100.935s-27.379-84.195-67.278-100.935z"
/>
<circle cx="200" cy="256.281" r="185" fill="#ff4dc3" />
<path
fill="#ff1786"
d="M200 71.281v370c102.172 0 185-82.827 185-185s-82.828-185-185-185z"
/>
<path
fill="#f9d"
d="M216.33 71.994 200 86.281c-93.738 0-170 76.262-170 170s76.262 170 170 170l20.531 15-20.531 15c-110.28 0-200-89.72-200-200s89.72-200 200-200z"
/>
<circle cx="200" cy="256.281" r="124.333" fill="#fce" />
<path
fill="#f9d"
d="M200 131.948v248.667c68.667 0 124.333-55.666 124.333-124.333S268.667 131.948 200 131.948z"
/>
<path
fill="#f9d"
d="M200 395.615c-76.829 0-139.334-62.505-139.334-139.333S123.171 116.948 200 116.948c0 0 129.333 62.505 129.333 139.333S200 395.615 200 395.615zm0-248.667c-60.287 0-109.334 49.047-109.334 109.333S139.713 365.615 200 365.615c60.286 0 109.333-49.047 109.333-109.333S260.286 146.948 200 146.948z"
/>
<path fill="#f9d" d="M145.394 202.348h30v33.578h-30z" />
<path fill="#ff4dc3" d="M224.605 202.348h30v33.578h-30z" />
<path fill="#f9d" d="M145.394 276.637h30v33.578h-30z" />
<g fill="#ff4dc3">
<path d="M224.605 276.637h30v33.578h-30z" />
<path
d="M200 56.281v30c93.738 0 170 76.262 170 170s-76.262 170-170 170v30c110.28 0 200-89.72 200-200s-89.72-200-200-200z"
/>
<path
d="M200 116.948v30c60.286 0 109.333 49.047 109.333 109.333S260.286 365.615 200 365.615v30c76.828 0 139.333-62.505 139.333-139.333S276.828 116.948 200 116.948z"
/>
</g>
</svg>
More icons in the same style and category