Add icons to this collection by clicking the heart icon.
Button icon - also known as button, fashion, clothes, Tools and utensils, sewing, dressmaker, miscellaneous, and handcraft. 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"
>
<circle cx="22" cy="42" r="20" fill="#f0ae42" />
<circle cx="22" cy="42" r="16" fill="#f9d266" />
<path
fill="#fce797"
d="M22 26A15.994 15.994 0 0 0 9.734 52.266a15.994 15.994 0 0 0 22.532-22.532A15.931 15.931 0 0 0 22 26z"
/>
<path
fill="#fff"
d="M26.354 44.353a4 4 0 1 1-2 2l2.232 2.232a1.415 1.415 0 0 0 1 .414A1.414 1.414 0 0 0 29 47.586a1.415 1.415 0 0 0-.414-1l-2.232-2.232zM19.646 37.646l-2.232-2.232a1.415 1.415 0 0 0-1-.414A1.414 1.414 0 0 0 15 36.414a1.415 1.415 0 0 0 .414 1l2.233 2.233a3.994 3.994 0 1 1 2-2z"
/>
<path
fill="#f0ae42"
d="m15.414 37.414 11.172 11.172a1.415 1.415 0 0 0 1 .414A1.414 1.414 0 0 0 29 47.586a1.415 1.415 0 0 0-.414-1L17.414 35.414a1.415 1.415 0 0 0-1-.414A1.414 1.414 0 0 0 15 36.414a1.415 1.415 0 0 0 .414 1z"
/>
<path fill="#4c6cb5" d="M42 42a20 20 0 1 0-20-20 20 20 0 0 1 20 20z" />
<path
fill="#78a0d4"
d="M41.6 37.995c.133 0 .267.005.4.005a16 16 0 1 0-16-16v.4a20.025 20.025 0 0 1 15.6 15.595z"
/>
<path
fill="#8db6e2"
d="M41.546 37.778A15.987 15.987 0 0 0 40.5 6.076 16 16 0 0 0 26 22v.4a20.019 20.019 0 0 1 15.546 15.378z"
/>
<path
fill="#fff"
d="M46.354 24.353a4 4 0 1 1-2 2l2.232 2.232a1.415 1.415 0 0 0 1 .414A1.414 1.414 0 0 0 49 27.586a1.415 1.415 0 0 0-.414-1l-2.232-2.232zM39.646 17.646l-2.232-2.232a1.415 1.415 0 0 0-1-.414A1.414 1.414 0 0 0 35 16.414a1.415 1.415 0 0 0 .414 1l2.233 2.233a3.994 3.994 0 1 1 2-2z"
/>
<path
fill="#3b5892"
d="m35.414 17.414 11.172 11.172a1.415 1.415 0 0 0 1 .414A1.414 1.414 0 0 0 49 27.586a1.415 1.415 0 0 0-.414-1L37.414 15.414a1.415 1.415 0 0 0-1-.414A1.414 1.414 0 0 0 35 16.414a1.415 1.415 0 0 0 .414 1z"
/>
<path
d="M22 25a17 17 0 1 0 17 17 17.019 17.019 0 0 0-17-17zm0 32a15 15 0 1 1 15-15 15.017 15.017 0 0 1-15 15z"
/>
<path
d="M28 43a4.982 4.982 0 0 0-1.371.215l-5.844-5.845a5.1 5.1 0 1 0-3.414 3.415l5.844 5.844A4.987 4.987 0 1 0 28 43zm-11.879-6.293a.414.414 0 0 1 .586-.586l11.172 11.172a.417.417 0 0 1 .121.293.43.43 0 0 1-.707.293zM13 36a2.994 2.994 0 0 1 5.953-.461l-.832-.832a2.414 2.414 0 0 0-3.414 3.414l.832.832A3 3 0 0 1 13 36zm15 15a3 3 0 0 1-2.953-2.539l.832.832a2.414 2.414 0 0 0 3.414-3.414l-.832-.832A2.994 2.994 0 0 1 28 51z"
/>
<path
d="M63 22a20.986 20.986 0 0 0-41.952-.952 20.986 20.986 0 1 0 21.9 21.9A21.008 21.008 0 0 0 63 22zM22 61a19 19 0 1 1 19-19 19.021 19.021 0 0 1-19 19zm5.019-39.369a14.993 14.993 0 1 1 15.35 15.35 21.042 21.042 0 0 0-15.35-15.35zm15.928 19.321q-.05-1.009-.192-1.99a16.989 16.989 0 1 0-17.717-17.717q-.981-.143-1.99-.192a18.988 18.988 0 1 1 19.9 19.9z"
/>
<path
d="M48 23a4.982 4.982 0 0 0-1.371.215l-5.844-5.845a5.1 5.1 0 1 0-3.414 3.415l5.844 5.844A4.987 4.987 0 1 0 48 23zm-11.879-6.293a.414.414 0 0 1 .586-.586l11.172 11.172a.417.417 0 0 1 .121.293.43.43 0 0 1-.707.293zM33 16a2.994 2.994 0 0 1 5.953-.461l-.832-.832a2.414 2.414 0 0 0-3.414 3.414l.832.832A3 3 0 0 1 33 16zm15 15a3 3 0 0 1-2.953-2.539l.832.832a2.414 2.414 0 0 0 3.414-3.414l-.832-.832A2.994 2.994 0 0 1 48 31z"
/>
</svg>
More icons in the same style and category