Add icons to this collection by clicking the heart icon.
Button icon - also known as interface, button, control, bars, menu, multimedia, ui, multimedia option, and web page. Created in a clean lineal color style with a silver, black, and teal 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-475.862c-6.095 0-11.054-4.958-11.054-11.053v-76.365c0-6.095 4.959-11.053 11.054-11.053H0c6.095 0 11.053 4.958 11.053 11.053v76.365C11.053-4.958 6.095 0 0 0"
transform="translate(494.065 110.293)"
fill="#8ac2ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v76.365c0 6.094 4.959 11.053 11.054 11.053h-30C-25.041 87.418-30 82.459-30 76.365V0c0-6.095 4.959-11.053 11.054-11.053h30C4.959-11.053 0-6.095 0 0"
transform="translate(37.15 22.875)"
fill="#54a0ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-475.862c-6.095 0-11.054-4.958-11.054-11.053v-76.365c0-6.095 4.959-11.053 11.054-11.053H0c6.095 0 11.053 4.958 11.053 11.053v76.365C11.053-4.958 6.095 0 0 0"
transform="translate(494.065 207.764)"
fill="#54a0ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v76.365c0 6.094 4.959 11.053 11.054 11.053h-30C-25.041 87.418-30 82.459-30 76.365V0c0-6.095 4.959-11.053 11.054-11.053h30C4.959-11.053 0-6.095 0 0"
transform="translate(37.15 120.346)"
fill="#338def"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-475.862c-6.095 0-11.054-4.958-11.054-11.053v-76.365c0-6.095 4.959-11.054 11.054-11.054H0c6.095 0 11.053 4.959 11.053 11.054v76.365C11.053-4.958 6.095 0 0 0"
transform="translate(494.065 305.236)"
fill="#8ac2ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v76.365c0 6.095 4.959 11.053 11.054 11.053h-30C-25.041 87.418-30 82.46-30 76.365V0c0-6.095 4.959-11.053 11.054-11.053h30C4.959-11.053 0-6.095 0 0"
transform="translate(37.15 217.817)"
fill="#54a0ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-475.862c-6.095 0-11.054-4.958-11.054-11.053v-76.365c0-6.095 4.959-11.053 11.054-11.053H0c6.095 0 11.053 4.958 11.053 11.053v76.365C11.053-4.958 6.095 0 0 0"
transform="translate(494.065 402.707)"
fill="#54a0ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v76.365c0 6.094 4.959 11.053 11.054 11.053h-30C-25.041 87.418-30 82.459-30 76.365V0c0-6.095 4.959-11.053 11.054-11.053h30C4.959-11.053 0-6.095 0 0"
transform="translate(37.15 315.29)"
fill="#338def"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-475.862c-6.095 0-11.054-4.958-11.054-11.053v-76.365c0-6.095 4.959-11.053 11.054-11.053H0c6.095 0 11.053 4.958 11.053 11.053v76.365C11.053-4.958 6.095 0 0 0"
transform="translate(494.065 500.178)"
fill="#8ac2ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v76.365c0 6.094 4.959 11.053 11.054 11.053h-30C-25.041 87.418-30 82.459-30 76.365V0c0-6.095 4.959-11.053 11.054-11.053h30C4.959-11.053 0-6.095 0 0"
transform="translate(37.15 412.76)"
fill="#54a0ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-25.328 19.786c-1.734 1.355-4.699.395-4.699-1.52v-39.572c0-1.916 2.965-2.875 4.699-1.521L0-3.041C1.075-2.201 1.075-.84 0 0"
transform="translate(480.015 452.463)"
fill="#54a0ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-25.328 19.786c-1.734 1.354-4.699.395-4.699-1.52v-39.572c0-1.916 2.965-2.875 4.699-1.521L0-3.041C1.075-2.201 1.075-.84 0 0"
transform="translate(480.015 354.992)"
fill="#338def"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-13.301 10.391C-15.035 11.745-18 10.786-18 8.87v-39.572c0-1.915 2.965-2.874 4.699-1.52L0-21.832Z"
transform="translate(467.987 461.858)"
fill="#338def"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-13.301 10.39C-15.035 11.745-18 10.786-18 8.87v-39.572c0-1.915 2.965-2.875 4.699-1.52L0-21.832Z"
transform="translate(467.987 364.387)"
fill="#2c80e5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-25.328 19.786c-1.734 1.354-4.699.395-4.699-1.521v-39.571c0-1.916 2.965-2.875 4.699-1.521L0-3.041C1.075-2.201 1.075-.84 0 0"
transform="translate(480.015 257.52)"
fill="#54a0ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-25.328 19.786c-1.734 1.354-4.699.395-4.699-1.521v-39.572c0-1.915 2.965-2.874 4.699-1.52L0-3.041C1.075-2.201 1.075-.84 0 0"
transform="translate(480.015 160.05)"
fill="#338def"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-13.301 10.39C-15.035 11.745-18 10.786-18 8.87v-39.572c0-1.915 2.965-2.875 4.699-1.52L0-21.832Z"
transform="translate(467.987 266.916)"
fill="#338def"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-13.301 10.391C-15.035 11.745-18 10.786-18 8.87v-39.571c0-1.916 2.965-2.875 4.699-1.521L0-21.832Z"
transform="translate(467.987 169.444)"
fill="#2c80e5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-25.328 19.786c-1.734 1.354-4.699.395-4.699-1.52v-39.572c0-1.916 2.965-2.875 4.699-1.521L0-3.041C1.075-2.201 1.075-.84 0 0"
transform="translate(480.015 62.578)"
fill="#54a0ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-13.301 10.39C-15.035 11.745-18 10.786-18 8.87v-39.572c0-1.915 2.965-2.875 4.699-1.52L0-21.832Z"
transform="translate(467.987 71.973)"
fill="#338def"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-475.862c-5.828 0-10.553-4.725-10.553-10.553v-76.365c0-5.829 4.725-10.553 10.553-10.553H0c5.829 0 10.554 4.724 10.554 10.553v76.365C10.554-4.725 5.829 0 0 0Z"
transform="translate(493.93 499.678)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-25.329 19.786c-1.733 1.355-4.698.395-4.698-1.52v-39.572c0-1.916 2.965-2.875 4.698-1.521L0-3.041C1.075-2.201 1.075-.84 0 0Z"
transform="translate(479.88 452.463)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-475.862c-5.828 0-10.553-4.725-10.553-10.553v-76.365c0-5.829 4.725-10.553 10.553-10.553H0c5.829 0 10.554 4.724 10.554 10.553v76.365C10.554-4.725 5.829 0 0 0Z"
transform="translate(493.93 402.207)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-25.329 19.786c-1.733 1.354-4.698.395-4.698-1.52v-39.572c0-1.916 2.965-2.875 4.698-1.521L0-3.041C1.075-2.201 1.075-.84 0 0Z"
transform="translate(479.88 354.992)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-25.329 19.786c-1.733 1.354-4.698.395-4.698-1.521v-39.571c0-1.916 2.965-2.875 4.698-1.521L0-3.041C1.075-2.201 1.075-.84 0 0Z"
transform="translate(479.88 257.52)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-475.862c-5.828 0-10.553-4.725-10.553-10.553v-76.365c0-5.828 4.725-10.553 10.553-10.553H0c5.829 0 10.554 4.725 10.554 10.553v76.365C10.554-4.725 5.829 0 0 0Z"
transform="translate(493.93 207.264)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-25.329 19.786c-1.733 1.354-4.698.395-4.698-1.521v-39.572c0-1.915 2.965-2.874 4.698-1.52L0-3.041C1.075-2.201 1.075-.84 0 0Z"
transform="translate(479.88 160.05)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-25.329 19.786c-1.733 1.355-4.698.395-4.698-1.52v-39.572c0-1.916 2.965-2.875 4.698-1.521L0-3.041C1.075-2.201 1.075-.84 0 0Z"
transform="translate(479.88 62.578)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h220.431c5.828 0 10.553 4.725 10.553 10.553v76.365c0 5.829-4.725 10.553-10.553 10.553h-475.863c-5.828 0-10.552-4.724-10.552-10.553V10.553C-265.984 4.725-261.26 0-255.432 0H-35"
transform="translate(273.5 12.322)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v20.92c0 5.829-4.726 10.554-10.554 10.554h-475.862c-5.828 0-10.553-4.725-10.553-10.554v-76.365c0-5.828 4.725-10.553 10.553-10.553h475.862C-4.726-65.998 0-61.273 0-55.445V-35"
transform="translate(504.484 273.262)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category