Add icons to this collection by clicking the heart icon.
Button icon - also known as button, clothes, dressmaker, needles, hobbies, clothing button, knitting, sewing tool, hobbies and free time, and fashion design. Created in a clean blue style with a white 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="512"
height="512"
viewBox="0 0 64 64"
>
<path
fill="#e6f3ff"
d="M17.5 2.96C9.492 2.96 3 9.452 3 17.46c.764 19.234 28.24 19.229 29 0 0-8.008-6.492-14.5-14.5-14.5zm-3.998 21.5c-3.957-.1-3.956-5.9 0-6 3.956.101 3.956 5.901 0 6zm0-8c-3.957-.1-3.956-5.9 0-6 3.956.101 3.956 5.901 0 6zm7.998 8c-3.957-.1-3.956-5.9 0-6 3.957.1 3.956 5.9 0 6zm0-8c-3.957-.1-3.956-5.9 0-6 3.957.1 3.956 5.9 0 6z"
/>
<path
fill="#21257c"
d="M17.5 32.96C8.953 32.96 2 26.007 2 17.46c.851-20.563 30.152-20.557 31 0 0 8.547-6.953 15.5-15.5 15.5zm0-29C10.056 3.96 4 10.016 4 17.46c.741 17.91 26.261 17.904 27 0 0-7.444-6.056-13.5-13.5-13.5z"
/>
<path
fill="#e6f3ff"
d="M46.5 31.96c-8.008 0-14.5 6.492-14.5 14.5.764 19.234 28.24 19.228 29 0 0-8.008-6.492-14.5-14.5-14.5zm-2.121 6.722c2.868-2.727 6.969 1.375 4.242 4.243-2.868 2.726-6.97-1.375-4.242-4.243zm-5.657 9.9c-2.727-2.87 1.375-6.97 4.243-4.243 2.726 2.868-1.376 6.97-4.243 4.242zm9.9 5.656c-2.87 2.727-6.97-1.375-4.243-4.242 2.868-2.727 6.97 1.375 4.242 4.242zm5.656-5.657c-2.868 2.727-6.97-1.374-4.242-4.242 2.868-2.727 6.969 1.375 4.242 4.242z"
/>
<path
fill="#21257c"
d="M46.5 61.96c-8.547 0-15.5-6.953-15.5-15.5.851-20.563 30.152-20.557 31 0 0 8.547-6.953 15.5-15.5 15.5zm0-29c-7.444 0-13.5 6.056-13.5 13.5.741 17.91 26.261 17.904 27 0 0-7.444-6.056-13.5-13.5-13.5z"
/>
<path
fill="#4aa5ff"
d="M46.5 2.96c-8.008 0-14.5 6.492-14.5 14.5.764 19.234 28.24 19.228 29 0 0-8.008-6.492-14.5-14.5-14.5zm-3.998 21.5c-3.957-.1-3.956-5.9 0-6 3.956.101 3.956 5.901 0 6zm0-8c-3.957-.1-3.956-5.9 0-6 3.956.101 3.956 5.901 0 6zm7.998 8c-3.957-.1-3.956-5.9 0-6 3.957.1 3.956 5.9 0 6zm0-8c-3.957-.1-3.956-5.9 0-6 3.957.1 3.956 5.9 0 6z"
/>
<path
fill="#21257c"
d="M46.5 32.96c-8.547 0-15.5-6.953-15.5-15.5.851-20.563 30.152-20.557 31 0 0 8.547-6.953 15.5-15.5 15.5zm0-29c-7.444 0-13.5 6.056-13.5 13.5.741 17.91 26.261 17.904 27 0 0-7.444-6.056-13.5-13.5-13.5z"
/>
<path
fill="#21257c"
d="M50.5 21.46a1 1 0 0 1-1-1v-6a1 1 0 1 1 2 0v6a1 1 0 0 1-1 1zM42.5 21.46a1 1 0 0 1-1-1v-6a1 1 0 1 1 2 0v6a1 1 0 0 1-1 1z"
/>
<path
fill="#4aa5ff"
d="M17.5 31.96C9.492 31.96 3 38.452 3 46.46c.764 19.234 28.24 19.229 29 0 0-8.008-6.492-14.5-14.5-14.5zm-4 21.5c-3.957-.1-3.956-5.9 0-6 3.957.1 3.956 5.9 0 6zm0-8c-3.957-.1-3.956-5.9 0-6 3.957.1 3.956 5.9 0 6zm8 8c-3.957-.1-3.956-5.9 0-6 3.957.1 3.956 5.9 0 6zm0-8c-3.957-.1-3.956-5.9 0-6 3.957.1 3.956 5.9 0 6z"
/>
<g fill="#21257c">
<path
d="M17.5 61.96C8.953 61.96 2 55.007 2 46.46c.851-20.563 30.152-20.557 31 0 0 8.547-6.953 15.5-15.5 15.5zm0-29c-7.444 0-13.5 6.056-13.5 13.5.741 17.91 26.261 17.904 27 0 0-7.444-6.056-13.5-13.5-13.5z"
/>
<path
d="M20.5 51.46h-6c-1.313-.021-1.316-1.978 0-2h6c1.313.021 1.316 1.978 0 2zM20.5 43.46h-6c-1.313-.021-1.316-1.978 0-2h6c1.313.021 1.316 1.978 0 2zM49.329 49.29c-3.88-3.542-9.282 1.778-5.657 5.655 3.82 3.64 9.295-1.837 5.657-5.656zm-1.414 4.241c-1.925 1.777-4.648-.905-2.829-2.828 1.888-1.83 4.657.94 2.829 2.828zM54.985 43.632c-3.88-3.541-9.28 1.78-5.656 5.656 3.82 3.64 9.295-1.836 5.656-5.656zm-1.414 4.242c-1.925 1.777-4.646-.905-2.828-2.828 1.888-1.83 4.657.94 2.828 2.828z"
/>
<path
d="M43.671 43.632c-3.88-3.541-9.28 1.78-5.656 5.656 3.82 3.64 9.295-1.836 5.656-5.656zm-1.414 4.242c-1.925 1.777-4.646-.904-2.828-2.828 1.888-1.83 4.658.94 2.828 2.828zM43.692 43.652c3.887 3.502 9.246-1.808 5.636-5.677-3.815-3.62-9.268 1.8-5.677 5.636m4.263-1.393c-1.924 1.776-4.644-.901-2.829-2.83 1.895-1.826 4.656.943 2.829 2.83zM17.344 21.304c-.26-5.256-7.8-5.314-8 0 .128 5.275 7.872 5.273 8 0zm-4 2c-2.617-.105-2.646-3.927 0-4 2.629.041 2.628 3.957 0 4zM25.344 21.303c-.26-5.256-7.8-5.312-8 0 .128 5.275 7.872 5.275 8 0zm-4 2c-2.618-.105-2.645-3.925 0-4 2.629.042 2.628 3.958 0 4z"
/>
<path
d="M17.344 13.303c-.26-5.256-7.8-5.312-8 0 .128 5.275 7.872 5.274 8 0zm-4 2c-2.618-.105-2.646-3.925 0-4 2.629.041 2.629 3.96 0 4zM17.344 13.333c.293 5.232 7.796 5.267 8-.03-.168-5.269-7.797-5.293-8-.029m4 2.03c-2.617-.106-2.647-3.922 0-4.001 2.64.07 2.635 3.936 0 4zM17.5 50.46c-.26-5.255-7.8-5.313-8 0 .128 5.276 7.872 5.274 8 0zm-4 2c-2.618-.104-2.646-3.926 0-4 2.629.042 2.628 3.958 0 4zM25.5 50.46c-.26-5.256-7.8-5.312-8 0 .128 5.275 7.872 5.274 8 0zm-4 2c-2.618-.105-2.646-3.925 0-4 2.629.042 2.628 3.958 0 4z"
/>
<path
d="M17.5 42.46c-.261-5.256-7.8-5.312-8 0 .128 5.275 7.871 5.274 8 0zm-4 2c-2.618-.105-2.646-3.925 0-4 2.629.041 2.628 3.959 0 4zM17.5 42.49c.293 5.232 7.795 5.267 8-.03-.168-5.269-7.797-5.293-8-.029m4 2.03c-2.617-.106-2.647-3.922 0-4.001 2.64.07 2.635 3.936 0 4zM46.5 21.46c-.26-5.255-7.8-5.313-8 0 .128 5.276 7.872 5.274 8 0zm-4 2c-2.618-.104-2.646-3.926 0-4 2.629.042 2.628 3.958 0 4zM54.5 21.46c-.26-5.256-7.8-5.312-8 0 .128 5.275 7.872 5.274 8 0zm-4 2c-2.618-.105-2.646-3.925 0-4 2.629.042 2.628 3.958 0 4z"
/>
<path
d="M46.5 13.46c-.261-5.256-7.8-5.312-8 0 .128 5.275 7.871 5.274 8 0zm-4 2c-2.618-.105-2.646-3.925 0-4 2.629.041 2.628 3.959 0 4zM46.5 13.49c.293 5.232 7.795 5.267 8-.03-.168-5.269-7.797-5.293-8-.029m4 2.03c-2.617-.106-2.647-3.922 0-4.001 2.64.07 2.635 3.936 0 4z"
/>
</g>
<path
fill="#4aa5ff"
d="M20.75 21.71a.997.997 0 0 1-.707-.293l-6.5-6.5c-.919-.926.484-2.337 1.414-1.414l6.5 6.5c.637.593.149 1.738-.707 1.707z"
/>
<path
fill="#4aa5ff"
d="M14.25 21.71c-.854.029-1.346-1.112-.707-1.707l6.5-6.5c.926-.919 2.337.484 1.414 1.414l-6.5 6.5a.997.997 0 0 1-.707.293zM46.5 52.057a1 1 0 0 1-1-1v-9.193a1 1 0 1 1 2 0v9.193a1 1 0 0 1-1 1z"
/>
<path
fill="#4aa5ff"
d="M51.096 47.46h-9.192c-1.313-.021-1.316-1.978 0-2h9.192c1.312.021 1.317 1.978 0 2z"
/>
</svg>
More icons in the same style and category