Add icons to this collection by clicking the heart icon.
Button icon - also known as directions, button, direction, up, buttons, left, right, down, and gaming. Created in a clean lineal color style with a white, silver, gray, and black 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
d="M299.167 502h21.521c18.059 0 32.699-14.64 32.699-32.699v-83.215c0-18.059 14.64-32.699 32.699-32.699h83.215c18.059 0 32.699-14.64 32.699-32.699V191.312c0-18.059-14.64-32.699-32.699-32.699h-83.215c-18.059 0-32.699-14.64-32.699-32.699V42.699c0-18.059-14.64-32.699-32.699-32.699H191.312c-18.059 0-32.699 14.64-32.699 32.699v83.215c0 18.059-14.64 32.699-32.699 32.699H42.699C24.64 158.613 10 173.253 10 191.312v129.376c0 18.059 14.64 32.699 32.699 32.699h83.215c18.059 0 32.699 14.64 32.699 32.699v83.215c0 18.059 14.64 32.699 32.699 32.699h19.872"
fill="#e7e7ef"
/>
<circle cx="254.942" cy="256" r="56.629" fill="#b7bcce" />
<path
d="M158.612 56.9v69.01c0 18.06-14.64 32.7-32.7 32.7h-69.01c21.64-44.16 57.55-80.07 101.71-101.71zM158.612 386.09v69.01c-44.16-21.64-80.07-57.55-101.71-101.71h69.01c18.06 0 32.7 14.64 32.7 32.7zM386.083 353.39h69.01c-21.64 44.16-57.54 80.07-101.71 101.71v-69.01c-.001-18.06 14.639-32.7 32.7-32.7zM353.382 125.91V56.9c44.17 21.64 80.07 57.55 101.71 101.71h-69.01c-18.06 0-32.7-14.64-32.7-32.7z"
fill="#868eaf"
/>
<path
d="M299.167 502h21.521c18.059 0 32.699-14.64 32.699-32.699v-83.215c0-18.059 14.64-32.699 32.699-32.699h83.215c18.059 0 32.699-14.64 32.699-32.699V191.312c0-18.059-14.64-32.699-32.699-32.699h-83.215c-18.059 0-32.699-14.64-32.699-32.699V42.699c0-18.059-14.64-32.699-32.699-32.699H191.312c-18.059 0-32.699 14.64-32.699 32.699v83.215c0 18.059-14.64 32.699-32.699 32.699H42.699C24.64 158.613 10 173.253 10 191.312v129.376c0 18.059 14.64 32.699 32.699 32.699h83.215c18.059 0 32.699 14.64 32.699 32.699v83.215c0 18.059 14.64 32.699 32.699 32.699h19.872"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M158.612 56.9v69.01c0 18.06-14.64 32.7-32.7 32.7h-69.01c21.64-44.16 57.55-80.07 101.71-101.71zM158.612 386.09v69.01c-44.16-21.64-80.07-57.55-101.71-101.71h69.01c18.06 0 32.7 14.64 32.7 32.7zM386.083 353.39h69.01c-21.64 44.16-57.54 80.07-101.71 101.71v-69.01c-.001-18.06 14.639-32.7 32.7-32.7zM353.382 125.91V56.9c44.17 21.64 80.07 57.55 101.71 101.71h-69.01c-18.06 0-32.7-14.64-32.7-32.7z"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="m254.942 56.9-43.514 75.369h87.029zM254.942 455.1l43.515-75.369h-87.029zM454.043 256l-75.37-43.514v87.029zM55.842 256l75.37 43.514v-87.028z"
fill="#b7bcce"
/>
<circle
cx="254.942"
cy="256"
r="56.629"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="m254.942 56.9-43.514 75.369h87.029zM254.942 455.1l43.515-75.369h-87.029zM454.043 256l-75.37-43.514v87.029zM55.842 256l75.37 43.514v-87.028zM255.072 502h0"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</svg>
More icons in the same style and category