Add icons to this collection by clicking the heart icon.
Button icon - also known as button, fashion, sewing, and art and design. Created in a clean lineal color style with a olive and orange 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.001 512.001"
>
<circle cx="256.001" cy="256.001" r="246.695" fill="#f47d20" />
<path
d="M32.805 278.823c.911-136.243 112.094-245.951 248.337-245.04 63.23.422 120.735 24.607 164.129 64.014C400.379 44.14 333.087 9.815 257.648 9.312 121.406 8.401 10.221 118.109 9.312 254.352c-.488 73.012 30.802 138.818 80.91 184.322-36.183-43.247-57.823-99.048-57.417-159.851z"
fill="#ff8c24"
/>
<circle cx="256.001" cy="256.001" r="196.88" fill="#f5ba3d" />
<path
d="M376.423 100.241c29.261 34.619 46.784 79.453 46.458 128.335-.727 108.734-89.462 196.292-198.196 195.564-44.889-.3-86.159-15.61-119.108-41.122 35.827 42.388 89.256 69.46 149.108 69.86 108.734.727 197.469-86.83 198.196-195.564.426-63.844-29.593-120.785-76.458-157.073z"
fill="#ffc33e"
/>
<circle cx="207.339" cy="208.257" r="23.106" fill="#b07e09" />
<circle cx="305.295" cy="208.915" r="23.106" fill="#b07e09" />
<circle cx="206.706" cy="303.086" r="23.106" fill="#b07e09" />
<circle cx="304.662" cy="303.744" r="23.106" fill="#b07e09" />
<path
d="M256.001 0C114.841 0 0 114.841 0 256.001s114.841 256.001 256.001 256.001 256-114.842 256-256.001S397.159 0 256.001 0zm0 493.389c-130.897 0-237.39-106.492-237.39-237.39S125.103 18.611 256.001 18.611s237.39 106.492 237.39 237.39-106.494 237.388-237.39 237.388z"
/>
<path
d="M256.001 49.811c-113.693 0-206.19 92.497-206.19 206.19s92.497 206.19 206.19 206.19c42.532 0 83.369-12.845 118.094-37.148 33.935-23.75 59.687-56.662 74.47-95.18a9.305 9.305 0 0 0-17.374-6.668c-13.448 35.041-36.882 64.987-67.766 86.601-31.582 22.101-68.728 33.784-107.423 33.784-103.431 0-187.579-84.148-187.579-187.579S152.568 68.422 256.001 68.422 443.58 152.569 443.58 256.001a9.306 9.306 0 0 0 18.611 0c0-113.695-92.497-206.19-206.19-206.19z"
/>
<path
d="M207.018 176.171c-17.872 0-32.412 14.54-32.412 32.412s14.54 32.412 32.412 32.412 32.41-14.54 32.41-32.412-14.54-32.412-32.41-32.412zm0 46.211c-7.609 0-13.801-6.191-13.801-13.801 0-7.609 6.191-13.801 13.801-13.801s13.799 6.191 13.799 13.801c0 7.609-6.191 13.801-13.799 13.801zM304.984 176.171c-17.872 0-32.412 14.54-32.412 32.412s14.54 32.412 32.412 32.412 32.412-14.54 32.412-32.412-14.541-32.412-32.412-32.412zm0 46.211c-7.609 0-13.801-6.191-13.801-13.801 0-7.609 6.191-13.801 13.801-13.801 7.609 0 13.801 6.191 13.801 13.801-.001 7.609-6.192 13.801-13.801 13.801zM239.428 303.419c0-17.872-14.539-32.412-32.41-32.412s-32.412 14.54-32.412 32.412 14.54 32.412 32.412 32.412 32.41-14.541 32.41-32.412zm-46.211 0c0-7.609 6.191-13.801 13.801-13.801s13.799 6.191 13.799 13.801c0 7.609-6.19 13.801-13.799 13.801s-13.801-6.192-13.801-13.801zM304.984 271.007c-17.872 0-32.412 14.54-32.412 32.412s14.54 32.412 32.412 32.412 32.412-14.54 32.412-32.412c-.001-17.872-14.541-32.412-32.412-32.412zm0 46.211c-7.609 0-13.801-6.191-13.801-13.801 0-7.609 6.191-13.801 13.801-13.801 7.609 0 13.801 6.191 13.801 13.801-.001 7.61-6.192 13.801-13.801 13.801z"
/>
<circle cx="448.897" cy="293.582" r="9.306" />
</svg>
More icons in the same style and category