Add icons to this collection by clicking the heart icon.
Buttons icon - also known as configuration, smartphone, mobile phone, control, buttons, controls, mobile, mobile application, electronics, and app. Created in a clean flat style with a white, silver, gray, black, red, navy, orange, and pink 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 68 68"
>
<path
fill="#5e6d84"
d="M38.28 6.243v55.514a4.198 4.198 0 0 1-4.198 4.198H6.198A4.198 4.198 0 0 1 2 61.757V6.243a4.198 4.198 0 0 1 4.198-4.198h27.884a4.198 4.198 0 0 1 4.198 4.198z"
/>
<path
fill="#fff"
d="M36.715 8.622v49.746a2.625 2.625 0 0 1-2.625 2.625H6.194a2.625 2.625 0 0 1-2.625-2.625V8.622a2.625 2.625 0 0 1 2.625-2.625H34.09a2.625 2.625 0 0 1 2.625 2.625z"
/>
<path
fill="#5e6d84"
d="M34.683 28.23a1.12 1.12 0 0 1-1.122 1.122H6.73c-.622 0-1.13-.5-1.13-1.122s.508-1.122 1.13-1.122H33.56a1.12 1.12 0 0 1 1.122 1.122zM34.683 34.71a1.12 1.12 0 0 1-1.122 1.123H6.73c-.622 0-1.13-.501-1.13-1.122 0-.622.508-1.123 1.13-1.123H33.56a1.12 1.12 0 0 1 1.122 1.123z"
/>
<path
fill="#deebfe"
d="M17.194 22.182H8.259c-.81 0-1.466-.656-1.466-1.466V12.31c0-.81.656-1.465 1.466-1.465h8.935c.809 0 1.465.656 1.465 1.465v8.407c0 .81-.656 1.466-1.465 1.466zM32.026 22.182H23.09c-.81 0-1.466-.656-1.466-1.466V12.31c0-.81.656-1.465 1.466-1.465h8.935c.809 0 1.465.656 1.465 1.465v8.407c0 .81-.656 1.466-1.465 1.466z"
/>
<path
fill="#fff"
d="M18.077 4.324c0 .392-.32.711-.705.711a.713.713 0 0 1-.712-.711.71.71 0 0 1 1.417 0zM22.997 4.324c0 .28-.226.499-.499.499h-3.217a.498.498 0 0 1-.499-.5c0-.272.226-.491.5-.491h3.216c.273 0 .5.219.5.492z"
/>
<path fill="#18293d" d="M62.217 65.955V49.186l-11.928-1.932 2.173 18.7z" />
<path fill="#253858" d="m55.565 65.955 1.704-18.701-12.544 1.932v16.769z" />
<path
fill="#feb69e"
d="M59.504 51.2a5.84 5.84 0 0 0 5.84-5.84v-7.19h-5.84z"
/>
<path
fill="#64b5f4"
d="M65.079 39.216c0 .158-6.012.158-6.012 0l-.856-12.108h1.344A6.445 6.445 0 0 1 66 33.553v4.742a.921.921 0 0 1-.921.921z"
/>
<path
fill="#64b5f4"
d="M44.663 52.997c.083 2.166 17.636 1.908 17.553-.258V31.055c0-2.18-1.72-3.947-3.841-3.947H47.468c-1.549 0-2.805 1.29-2.805 2.882z"
/>
<path
fill="#feb69e"
d="m49.724 24.896.043.7.05.8.01.712h5.795v-4.674h-6.14l.143.899z"
/>
<path
fill="#f8957e"
d="M53.023 23.83s-1.619 1.556-3.256 1.767l-.043-.701-.1-1.563-.142-.9h2.722z"
/>
<path
fill="#feb69e"
d="M56.422 16.474v3.529a4.891 4.891 0 0 1-4.894 4.893 4.893 4.893 0 0 1-4.893-4.794v-3.628a4.895 4.895 0 0 1 8.354-3.46 4.874 4.874 0 0 1 1.433 3.46z"
/>
<path
fill="#270e14"
d="M56.578 23.09c1.503-1.697 3.606-5.709 3.606-7.75 0-3.02-3.452-4.183-5.477-4.183s-3.926 3.955-3.926 6.974c0 .945.083 2.23.3 3.344.298 1.53 1.681 2.668 3.236 2.562.912-.062 1.781-.378 2.26-.948z"
/>
<path
fill="#270e14"
d="M50.78 16.59c-3.304 0-6.117-2.306-6.117-4.523 0-2.223 2.686-4.018 5.991-4.018 3.312 0 7.797 2.416 7.797 4.64 0 2.217-4.359 3.901-7.67 3.901z"
/>
<ellipse cx="50.52" cy="17.92" fill="#feb69e" rx="1.286" ry="1.741" />
<path
fill="#270e14"
d="m50.226 15.629-.744 3.69a.742.742 0 0 1-.744-.744v-2.946c0-.41.328-.744.744-.744.415 0 .744.335.744.744z"
/>
<path fill="#2b9bed" d="M62.217 33.956h.522v5.265h-.522z" />
<path
fill="#feb69e"
d="M41.15 28.798c-.567.102-1.54.28-1.54.28l-9.021-6.896-2.666 4.171 7.92 9.788a3.87 3.87 0 0 0 3.7 1.219l2.442-.519z"
/>
<path
fill="#64b5f4"
d="m43.11 37.357-2.755.47c-1.018.021-1.215-9.757-.197-9.777l.013-.007c1.036-.19 5.067-.934 5.842-.934h1.774l.52 2.803a6.375 6.375 0 0 1-5.197 7.445z"
/>
<path
fill="#2b9bed"
d="M48.306 29.912c.856 2.832-.849 6.072-3.643 6.972a7.9 7.9 0 0 0 1.65-1.284c1.512-1.587 2.154-3.56 1.993-5.688z"
/>
<path
fill="#feb69e"
d="m30.59 22.182-2.664 4.17-.71-.605a1.514 1.514 0 0 1-.402-1.767l.839-1.887-2.076-2.39a.615.615 0 0 1-.027-.774l.01-.014a.614.614 0 0 1 .938-.054c.943 1 2.878 3.117 2.878 3.117l-.207-1.615a.585.585 0 0 1 1.16-.151z"
/>
<circle cx="24.527" cy="28.23" r="2.106" fill="#ff4f5a" />
<circle cx="14.68" cy="34.711" r="2.106" fill="#fec400" />
<circle cx="20.142" cy="48.459" r="8.917" fill="#deebfe" />
<path
fill="#fec400"
d="m21.989 53.597-1.35 1.951a.4.4 0 0 1-.655 0l-1.35-1.95a.403.403 0 0 1 .335-.629h2.686c.327 0 .514.368.334.628zM18.635 43.315l1.35-1.944a.4.4 0 0 1 .654 0l1.35 1.944a.402.402 0 0 1-.334.628h-2.686a.402.402 0 0 1-.334-.628z"
/>
<path
fill="#ff4f5a"
d="m25.45 46.783 1.95 1.35a.4.4 0 0 1 0 .654l-1.95 1.35a.403.403 0 0 1-.629-.334v-2.686c0-.328.368-.515.628-.334zM15.167 50.137l-1.944-1.35a.4.4 0 0 1 0-.655l1.944-1.35a.402.402 0 0 1 .628.335v2.686c0 .327-.36.514-.628.334z"
/>
<circle cx="20.312" cy="48.288" r="1.818" fill="#5e6d84" />
</svg>
More icons in the same style and category