Add icons to this collection by clicking the heart icon.
Button icon - also known as button, fashion, clothing, dressmaker, and sewing tool. Created in a clean lineal color 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 64 64"
>
<path
fill="#657aa0"
d="M60.837 47A16.01 16.01 0 1 1 62 41a16 16 0 0 1-1.163 6"
/>
<path
fill="#86a3d4"
d="M47 25.05a15.979 15.979 0 0 0 .136 31.906A15.988 15.988 0 0 0 47 25.05z"
/>
<circle cx="46" cy="41" r="12" fill="#d4def1" />
<ellipse cx="47.5" cy="41" fill="#fff" rx="10.5" ry="11.896" />
<g fill="#86a3d4">
<circle cx="42" cy="37" r="2" />
<circle cx="50" cy="37" r="2" />
<circle cx="42" cy="45" r="2" />
<circle cx="50" cy="45" r="2" />
</g>
<path
fill="#7dbfe9"
d="M32.837 47A16.01 16.01 0 1 1 34 41a16 16 0 0 1-1.163 6"
/>
<path
fill="#8fd6fb"
d="M19 25.05a15.979 15.979 0 0 0 .136 31.906A15.988 15.988 0 0 0 19 25.05z"
/>
<circle cx="18" cy="41" r="12" fill="#aff9fd" />
<ellipse cx="19.5" cy="41" fill="#defcfe" rx="10.5" ry="11.896" />
<circle cx="14" cy="37" r="2" fill="#fff" />
<circle cx="22" cy="37" r="2" fill="#fff" />
<circle cx="14" cy="45" r="2" fill="#fff" />
<circle cx="22" cy="45" r="2" fill="#fff" />
<path
fill="#479263"
d="M47.837 29A16.01 16.01 0 1 1 49 23a16 16 0 0 1-1.163 6"
/>
<path
fill="#73ca89"
d="M34 7.05a15.979 15.979 0 0 0 .136 31.906A15.988 15.988 0 0 0 34 7.05z"
/>
<circle cx="33" cy="23" r="12" fill="#baf581" />
<ellipse cx="34.5" cy="23" fill="#d1fd8a" rx="10.5" ry="11.896" />
<circle cx="29" cy="19" r="2" fill="#fff" />
<circle cx="37" cy="19" r="2" fill="#fff" />
<circle cx="29" cy="27" r="2" fill="#fff" />
<circle cx="37" cy="27" r="2" fill="#fff" />
<path
d="M14 34a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1zM14 42a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1zM22 42a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
/>
<path
d="M49.93 24.473c.042-.488.07-.978.07-1.473a17 17 0 0 0-34 0c0 .381.032.754.057 1.129A16.991 16.991 0 1 0 32 50.626a16.994 16.994 0 1 0 17.93-26.153zM35.064 39.865a16.97 16.97 0 0 0 4.474-1.165 2.987 2.987 0 0 0 5.028-3.223 16.989 16.989 0 0 0 3.8-5.208A11 11 0 1 1 35 41a11.294 11.294 0 0 1 .064-1.135zm7.908-3.091a.993.993 0 0 1-1.571 1.02 17.085 17.085 0 0 0 1.571-1.02zM33 8a15 15 0 1 1-15 15A15.017 15.017 0 0 1 33 8zm-4 33a11 11 0 1 1-11.463-10.977 17.038 17.038 0 0 0 2.924 4.416 2.991 2.991 0 1 0 4.383 3.47 16.887 16.887 0 0 0 4.038 1.566A11.089 11.089 0 0 1 29 41zm-6.063-4.33A1 1 0 1 1 21 37a1.019 1.019 0 0 1 1.079-.99c.276.232.567.446.858.66zM18 56a14.991 14.991 0 0 1-1.7-29.887 16.777 16.777 0 0 0 .471 1.949A13 13 0 1 0 31 41c0-.38-.024-.759-.057-1.137a16.885 16.885 0 0 0 2.023.137c.022.333.034.668.034 1a15.017 15.017 0 0 1-15 15zm28 0a15.008 15.008 0 0 1-12.864-7.3 16.906 16.906 0 0 0 1.006-2.4 13 13 0 1 0 14.971-17.923 16.642 16.642 0 0 0 .527-1.921A15 15 0 0 1 46 56z"
/>
<path
d="M50 40a3 3 0 1 0-3-3 3 3 0 0 0 3 3zm0-4a1 1 0 1 1-1 1 1 1 0 0 1 1-1zM42 48a3 3 0 1 0-3-3 3 3 0 0 0 3 3zm0-4a1 1 0 1 1-1 1 1 1 0 0 1 1-1zM50 48a3 3 0 1 0-3-3 3 3 0 0 0 3 3zm0-4a1 1 0 1 1-1 1 1 1 0 0 1 1-1zM33 36a13 13 0 1 0-13-13 13.015 13.015 0 0 0 13 13zm0-24a11 11 0 1 1-11 11 11.013 11.013 0 0 1 11-11z"
/>
<path
d="M29 22a3 3 0 1 0-3-3 3 3 0 0 0 3 3zm0-4a1 1 0 1 1-1 1 1 1 0 0 1 1-1zM37 22a3 3 0 1 0-3-3 3 3 0 0 0 3 3zm0-4a1 1 0 1 1-1 1 1 1 0 0 1 1-1zM29 30a3 3 0 1 0-3-3 3 3 0 0 0 3 3zm0-4a1 1 0 1 1-1 1 1 1 0 0 1 1-1zM37 30a3 3 0 1 0-3-3 3 3 0 0 0 3 3zm0-4a1 1 0 1 1-1 1 1 1 0 0 1 1-1z"
/>
</svg>
More icons in the same style and category