Add icons to this collection by clicking the heart icon.
Buttons icon - also known as buttons, dressmaker, hobbies, cloth button, clothing button, knitting, sewing tool, and art and design. Created in a clean flat gradient style with a white 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 11.806 11.806"
>
<linearGradient
id="a"
x1="5.903"
x2="5.903"
y1="11.806"
y2="0"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#262261" />
<stop offset=".012" stop-color="#262261" />
<stop offset=".02" stop-color="#262261" />
<stop offset=".031" stop-color="#262261" />
<stop offset=".039" stop-color="#262261" />
<stop offset=".051" stop-color="#262261" />
<stop offset=".059" stop-color="#292363" />
<stop offset=".071" stop-color="#2c2365" />
<stop offset=".078" stop-color="#2f2468" />
<stop offset=".09" stop-color="#32246a" />
<stop offset=".102" stop-color="#35256c" />
<stop offset=".11" stop-color="#37256e" />
<stop offset=".122" stop-color="#3a2670" />
<stop offset=".129" stop-color="#3d2672" />
<stop offset=".141" stop-color="#3f2774" />
<stop offset=".149" stop-color="#422776" />
<stop offset=".161" stop-color="#442777" />
<stop offset=".169" stop-color="#462879" />
<stop offset=".18" stop-color="#48287a" />
<stop offset=".188" stop-color="#4a287c" />
<stop offset=".2" stop-color="#4c297d" />
<stop offset=".212" stop-color="#4e297f" />
<stop offset=".22" stop-color="#502980" />
<stop offset=".231" stop-color="#512981" />
<stop offset=".239" stop-color="#532a83" />
<stop offset=".251" stop-color="#552a84" />
<stop offset=".259" stop-color="#562a85" />
<stop offset=".271" stop-color="#582a86" />
<stop offset=".278" stop-color="#592b87" />
<stop offset=".29" stop-color="#5a2b88" />
<stop offset=".302" stop-color="#5b2b89" />
<stop offset=".31" stop-color="#5c2b8a" />
<stop offset=".322" stop-color="#5e2b8a" />
<stop offset=".329" stop-color="#5f2c8b" />
<stop offset=".341" stop-color="#602c8c" />
<stop offset=".349" stop-color="#612c8d" />
<stop offset=".361" stop-color="#612c8d" />
<stop offset=".369" stop-color="#622c8e" />
<stop offset=".38" stop-color="#622c8e" />
<stop offset=".388" stop-color="#632c8e" />
<stop offset=".4" stop-color="#632d8f" />
<stop offset=".412" stop-color="#632d8f" />
<stop offset=".42" stop-color="#642d8f" />
<stop offset=".431" stop-color="#642d8f" />
<stop offset=".439" stop-color="#652d90" />
<stop offset=".451" stop-color="#652d90" />
<stop offset=".459" stop-color="#672d90" />
<stop offset=".471" stop-color="#682d90" />
<stop offset=".478" stop-color="#6a2c90" />
<stop offset=".49" stop-color="#6b2c90" />
<stop offset=".502" stop-color="#6d2c90" />
<stop offset=".51" stop-color="#6e2c90" />
<stop offset=".522" stop-color="#702c90" />
<stop offset=".529" stop-color="#712b90" />
<stop offset=".541" stop-color="#722b90" />
<stop offset=".549" stop-color="#732b90" />
<stop offset=".561" stop-color="#752b90" />
<stop offset=".569" stop-color="#762b90" />
<stop offset=".58" stop-color="#772a8f" />
<stop offset=".588" stop-color="#782a8f" />
<stop offset=".6" stop-color="#792a8f" />
<stop offset=".612" stop-color="#7a2a8f" />
<stop offset=".62" stop-color="#7c2a8f" />
<stop offset=".631" stop-color="#7d2a8f" />
<stop offset=".639" stop-color="#7e298f" />
<stop offset=".651" stop-color="#7f298f" />
<stop offset=".659" stop-color="#80298f" />
<stop offset=".671" stop-color="#81298f" />
<stop offset=".678" stop-color="#82298f" />
<stop offset=".69" stop-color="#82298f" />
<stop offset=".702" stop-color="#83298f" />
<stop offset=".71" stop-color="#84298f" />
<stop offset=".722" stop-color="#85298f" />
<stop offset=".729" stop-color="#85298f" />
<stop offset=".741" stop-color="#86288e" />
<stop offset=".749" stop-color="#87288e" />
<stop offset=".761" stop-color="#87288e" />
<stop offset=".769" stop-color="#88288e" />
<stop offset=".78" stop-color="#89288e" />
<stop offset=".788" stop-color="#89288e" />
<stop offset=".8" stop-color="#8a288e" />
<stop offset=".812" stop-color="#8b288e" />
<stop offset=".82" stop-color="#8b288e" />
<stop offset=".831" stop-color="#8c288e" />
<stop offset=".839" stop-color="#8c288e" />
<stop offset=".851" stop-color="#8d288e" />
<stop offset=".859" stop-color="#8d288e" />
<stop offset=".871" stop-color="#8d288e" />
<stop offset=".878" stop-color="#8d288e" />
<stop offset=".89" stop-color="#8e288e" />
<stop offset=".902" stop-color="#8e288e" />
<stop offset=".91" stop-color="#8e278e" />
<stop offset=".922" stop-color="#8e278e" />
<stop offset=".929" stop-color="#8e278e" />
<stop offset=".941" stop-color="#8f278e" />
<stop offset=".949" stop-color="#8f278e" />
<stop offset=".961" stop-color="#8f278e" />
<stop offset=".969" stop-color="#8f278e" />
<stop offset=".98" stop-color="#90278e" />
<stop offset=".988" stop-color="#90278e" />
<stop offset="1" stop-color="#90278e" />
</linearGradient>
<g fill-rule="evenodd">
<path
fill="url(#a)"
d="M11.806 5.903A5.903 5.903 0 1 0 0 5.903a5.903 5.903 0 0 0 11.806 0z"
/>
<path
fill="#fff"
d="M4.9 9.411c-1.407 0-2.55-1.144-2.55-2.55S3.492 4.31 4.9 4.31C6.306 4.308 7.45 5.453 7.45 6.86S6.306 9.41 4.9 9.41zm0-4.908c-1.3 0-2.356 1.057-2.356 2.356S3.6 9.215 4.9 9.215c1.3.002 2.357-1.055 2.357-2.354S6.2 4.503 4.9 4.503z"
/>
<path
fill="#fff"
d="M4.9 8.782a1.924 1.924 0 0 1-1.922-1.921c0-1.061.862-1.923 1.922-1.923S6.82 5.8 6.82 6.859c0 1.061-.862 1.923-1.921 1.923zm0-3.65c-.953 0-1.727.775-1.727 1.727 0 .953.774 1.727 1.727 1.727.952 0 1.727-.774 1.727-1.727 0-.952-.775-1.727-1.727-1.727z"
/>
<path
fill="#fff"
d="M4.188 7.963a.389.389 0 0 1-.277-.666.39.39 0 1 1 .277.666zm-.14-.251a.197.197 0 0 0 .278 0 .197.197 0 0 0 0-.278.197.197 0 0 0-.277 0 .198.198 0 0 0 0 .278zM4.832 9.41a.097.097 0 0 1-.061-.172c.06-.05.133-.13.133-.225 0-.086-.057-.175-.163-.252a.097.097 0 0 1 .116-.157c.155.114.241.259.241.409 0 .137-.07.268-.204.376a.105.105 0 0 1-.062.02zM6.067 9.117a.078.078 0 0 1-.034-.007.098.098 0 0 1-.057-.125c.04-.108.041-.196.002-.263-.043-.075-.137-.123-.266-.137a.098.098 0 0 1-.086-.107.098.098 0 0 1 .107-.086c.191.02.338.103.413.233.068.118.073.265.012.43a.098.098 0 0 1-.09.062zM6.99 8.243a.097.097 0 0 1-.097-.081c-.012-.078-.044-.182-.127-.23-.075-.043-.18-.037-.299.014a.096.096 0 0 1-.128-.05.096.096 0 0 1 .05-.127c.177-.08.346-.08.475-.006.118.068.196.194.224.367a.097.097 0 0 1-.08.11c-.008.003-.013.003-.019.003zM6.721 7.058a.089.089 0 0 1-.057-.02.098.098 0 0 1-.02-.136c.113-.155.26-.241.408-.241.137 0 .268.07.377.205a.097.097 0 0 1-.15.122c-.05-.06-.129-.134-.226-.134-.086 0-.175.057-.251.162a.1.1 0 0 1-.08.042zM6.528 6.135h-.01a.099.099 0 0 1-.087-.107c.02-.192.101-.339.232-.414.12-.068.266-.072.429-.011.05.02.075.075.057.125a.098.098 0 0 1-.125.057c-.074-.028-.18-.052-.264-.003-.074.043-.122.137-.136.265a.097.097 0 0 1-.096.088zM5.898 5.43a.096.096 0 0 1-.089-.058c-.078-.176-.08-.345-.005-.474.069-.118.195-.196.366-.224a.097.097 0 0 1 .03.192c-.112.02-.188.062-.228.129-.044.073-.038.18.015.298a.096.096 0 0 1-.05.128.077.077 0 0 1-.04.01zM5.001 5.135a.088.088 0 0 1-.057-.02c-.155-.113-.241-.259-.241-.408 0-.137.07-.268.205-.376a.096.096 0 0 1 .136.015.096.096 0 0 1-.015.137c-.061.048-.133.127-.133.224 0 .087.056.175.162.252a.098.098 0 0 1-.057.176zM4.076 5.33h-.01c-.192-.021-.34-.105-.414-.234-.068-.118-.073-.266-.011-.429a.098.098 0 0 1 .124-.057c.05.02.075.075.057.125-.027.074-.051.18-.002.264.043.074.137.122.266.136a.098.098 0 0 1 .086.107.096.096 0 0 1-.096.087zM3.152 6.011a.426.426 0 0 1-.214-.054c-.118-.068-.196-.194-.224-.365a.097.097 0 0 1 .192-.03c.013.077.045.18.128.227.075.043.18.037.298-.014a.096.096 0 0 1 .128.05.096.096 0 0 1-.05.128.667.667 0 0 1-.258.058zM2.748 7.058c-.136 0-.267-.07-.376-.204a.097.097 0 0 1 .013-.138.097.097 0 0 1 .138.014c.072.09.148.133.226.133.086 0 .175-.056.251-.16a.099.099 0 0 1 .137-.023.099.099 0 0 1 .022.136c-.115.156-.261.242-.411.242zM2.926 8.162a.62.62 0 0 1-.22-.043.098.098 0 0 1-.057-.125.098.098 0 0 1 .125-.057c.108.04.196.041.263.002.095-.055.127-.174.137-.266a.098.098 0 0 1 .107-.086.098.098 0 0 1 .086.107c-.02.191-.104.338-.233.413a.398.398 0 0 1-.208.055zM3.614 9.047a.097.097 0 0 1-.015-.193c.078-.012.18-.044.228-.127.043-.075.037-.18-.014-.299a.096.096 0 0 1 .05-.128.096.096 0 0 1 .127.05c.08.177.08.346.006.475-.068.118-.194.196-.365.224-.006-.002-.011-.002-.017-.002z"
/>
<path
fill="#fff"
d="M7.302 7.465a.097.097 0 0 1-.015-.193 2.347 2.347 0 0 0 1.975-2.326A2.36 2.36 0 0 0 6.904 2.59a2.368 2.368 0 0 0-2.306 1.87.097.097 0 0 1-.115.075.097.097 0 0 1-.075-.115 2.555 2.555 0 0 1 2.496-2.025 2.555 2.555 0 0 1 2.552 2.552 2.556 2.556 0 0 1-2.14 2.518h-.014z"
/>
<path
fill="#fff"
d="M7.349 6.814a.098.098 0 0 1-.095-.074.097.097 0 0 1 .071-.118 1.725 1.725 0 0 0 1.307-1.676c0-.952-.775-1.727-1.728-1.727-.756 0-1.436.506-1.653 1.229a.097.097 0 0 1-.186-.056c.117-.387.36-.736.683-.98a1.924 1.924 0 0 1 3.078 1.534 1.92 1.92 0 0 1-1.454 1.865.122.122 0 0 1-.023.003z"
/>
<path
fill="#fff"
d="M7.617 4.626a.39.39 0 1 1 0-.782h.001a.392.392 0 0 1 .39.39.39.39 0 0 1-.391.392zm0-.588a.194.194 0 0 0-.14.059.194.194 0 0 0 0 .276.194.194 0 0 0 .277.001.198.198 0 0 0 .002-.277.194.194 0 0 0-.14-.059zM8.072 7.2a.078.078 0 0 1-.035-.006.098.098 0 0 1-.057-.125c.028-.074.052-.18.003-.261-.043-.076-.137-.124-.265-.137a.099.099 0 0 1-.087-.107.099.099 0 0 1 .106-.088c.193.02.34.103.416.233.068.117.072.266.01.428a.095.095 0 0 1-.091.064zM8.995 6.329a.097.097 0 0 1-.096-.08c-.012-.078-.045-.181-.129-.23-.075-.043-.18-.037-.298.014a.096.096 0 0 1-.128-.05.096.096 0 0 1 .05-.127c.176-.078.344-.08.474-.006.118.068.195.193.223.365a.098.098 0 0 1-.08.113l-.016.001zM8.726 5.145a.096.096 0 0 1-.057-.018.097.097 0 0 1-.02-.136c.113-.156.257-.242.407-.242.136 0 .267.07.377.204a.097.097 0 0 1-.014.138.097.097 0 0 1-.138-.014c-.05-.061-.13-.134-.226-.134-.086 0-.175.057-.251.163a.095.095 0 0 1-.078.039zM8.534 4.22h-.01a.099.099 0 0 1-.087-.107c.02-.193.103-.34.232-.413.118-.069.265-.073.429-.012.05.02.075.075.057.125a.098.098 0 0 1-.125.057c-.074-.027-.18-.051-.262-.003-.075.044-.124.138-.136.266a.1.1 0 0 1-.098.087zM7.903 3.515a.096.096 0 0 1-.09-.058c-.078-.177-.08-.345-.005-.474.07-.118.196-.196.365-.223a.098.098 0 0 1 .113.079.097.097 0 0 1-.08.112c-.113.02-.19.063-.23.13-.043.074-.037.18.016.298a.096.096 0 0 1-.05.128.076.076 0 0 1-.04.008zM7.006 3.222a.089.089 0 0 1-.057-.02c-.156-.113-.242-.26-.242-.408 0-.137.071-.268.206-.377a.097.097 0 0 1 .122.15c-.061.05-.135.129-.135.226 0 .086.057.175.163.251a.098.098 0 0 1 .02.136.093.093 0 0 1-.077.042zM6.081 3.415h-.01c-.191-.02-.338-.101-.413-.232-.07-.12-.072-.268-.01-.43a.098.098 0 0 1 .126-.056c.05.02.075.076.056.126-.028.074-.051.178-.003.263.043.073.138.122.265.136a.099.099 0 0 1 .088.107.101.101 0 0 1-.099.086zM5.157 4.097a.426.426 0 0 1-.214-.055c-.12-.069-.196-.195-.224-.366a.097.097 0 0 1 .192-.03c.018.112.06.19.129.228.074.043.18.038.298-.015a.096.096 0 0 1 .128.05.096.096 0 0 1-.05.128.634.634 0 0 1-.26.06zM5.773 6.748a.389.389 0 0 1-.339-.197.387.387 0 0 1 .145-.533.388.388 0 0 1 .531.143.389.389 0 0 1-.144.533.372.372 0 0 1-.193.054zm-.001-.587a.186.186 0 0 0-.098.026.194.194 0 0 0-.091.12.192.192 0 0 0 .02.148.194.194 0 0 0 .119.092c.05.014.102.007.148-.02a.194.194 0 0 0 .092-.119.192.192 0 0 0-.02-.148.194.194 0 0 0-.17-.099z"
/>
</g>
</svg>
More icons in the same style and category