Add icons to this collection by clicking the heart icon.
Button icon - also known as arrows, button, up, down, elevator, and electronics. Created in a clean flat style with a white and silver 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 512 512"
>
<path
fill="#eceaec"
d="M388.129 0H123.871l-7.55 16.516v470.287c0 9.122 7.395 16.516 16.516 16.516h255.292l16.516-7.835V16.516C404.645 7.395 397.251 0 388.129 0z"
/>
<path
fill="#c9c5c9"
d="M184.736 355.097c0-18.697 7.926-44.603 25.059-58.218 12.686-10.081 28.742-16.104 46.205-16.104 41.047 0 74.323 33.275 74.323 74.323 0 17.458-6.019 33.51-16.095 46.194-13.615 17.139-41.201 24.702-58.227 24.702-41.048-.002-71.265-29.85-71.265-70.897z"
/>
<path
fill="#b8b2b8"
d="M267.957 417.462c-41.047 0-74.323-33.275-74.323-74.323 0-17.475 6.066-33.571 16.161-46.261-17.117 13.616-28.118 34.646-28.118 58.218 0 41.047 33.275 74.323 74.323 74.323 23.572 0 44.611-11.011 58.227-28.129-12.69 10.095-28.795 16.172-46.27 16.172z"
/>
<path
fill="#dbd8db"
d="M123.871 478.968V0c-9.121 0-16.516 7.394-16.516 16.516v478.968c0 9.122 7.395 16.516 16.516 16.516h264.258c9.121 0 16.516-7.395 16.516-16.516H140.387c-9.122 0-16.516-7.395-16.516-16.516z"
/>
<path
fill="#c9c5c9"
d="M184.736 156.903c0-18.697 7.926-44.603 25.059-58.218C222.481 88.603 238.537 82.581 256 82.581c41.047 0 74.323 33.275 74.323 74.323 0 17.458-6.019 33.51-16.095 46.194-13.615 17.139-41.201 24.702-58.227 24.702-41.048-.001-71.265-29.85-71.265-70.897z"
/>
<path
fill="#b8b2b8"
d="M267.957 219.268c-41.047 0-74.323-33.275-74.323-74.323 0-17.475 6.066-33.571 16.161-46.261-17.117 13.616-28.118 34.646-28.118 58.218 0 41.047 33.275 74.323 74.323 74.323 23.572 0 44.611-11.011 58.227-28.129-12.69 10.095-28.795 16.172-46.27 16.172z"
/>
<path
fill="#b8eb7c"
d="M289.04 181.677a8.251 8.251 0 0 1-6.46-3.101L256 145.347l-26.581 33.23a8.244 8.244 0 0 1-11.613 1.29c-3.556-2.847-4.137-8.044-1.29-11.605l33.032-41.29c3.145-3.919 9.758-3.919 12.903 0l33.032 41.29c2.847 3.56 2.266 8.758-1.29 11.605a8.23 8.23 0 0 1-5.153 1.81z"
/>
<path
fill="#b0a8af"
d="M256 388.129a8.273 8.273 0 0 1-6.452-3.101l-33.032-41.29c-2.847-3.56-2.266-8.758 1.29-11.605a8.268 8.268 0 0 1 11.613 1.29L256 366.653l26.581-33.23c2.855-3.556 8.048-4.137 11.613-1.29 3.556 2.847 4.137 8.044 1.29 11.605l-33.032 41.29a8.273 8.273 0 0 1-6.452 3.101z"
/>
<g fill="#c9c5c9">
<circle cx="140.387" cy="33.032" r="8.258" />
<circle cx="371.613" cy="33.032" r="8.258" />
<circle cx="140.387" cy="478.968" r="8.258" />
<circle cx="371.613" cy="478.968" r="8.258" />
</g>
</svg>
More icons in the same style and category