Add icons to this collection by clicking the heart icon.
On Button icon - also known as interface, button, control, multimedia, activate, multimedia option, web page, on button, toggle button, switch on, activation, and music and multimedia. Created in a clean lineal color style with a white, silver, gray, black, red, and navy 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="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="M504.448 256c0 19.262-4.42 37.486-12.304 53.727a123.615 123.615 0 0 1-33.065 41.775c-21.215 17.318-48.31 27.699-77.822 27.699H130.746c-46.467 0-86.924-25.726-107.907-63.725a122.977 122.977 0 0 1-2.739-5.246C12.075 293.868 7.555 275.462 7.555 256c0-.574 0-1.138.02-1.702.06-4.843.403-9.616 1.017-14.318a120.622 120.622 0 0 1 5.568-23.873 120.235 120.235 0 0 1 8.689-19.584c.473-.866.967-1.732 1.47-2.588a121.054 121.054 0 0 1 8.186-12.274c22.494-29.683 58.127-48.854 98.241-48.854h250.511c45.41 0 85.071 24.568 106.437 61.128.503.856.987 1.722 1.46 2.588 9.495 17.167 15.002 36.832 15.284 57.775.01.564.01 1.138.01 1.702z"
fill="#57565c"
/>
<path
d="M504.448 256c0 19.262-4.42 37.486-12.304 53.727a123.615 123.615 0 0 1-33.065 41.775c-21.215 17.318-48.31 27.699-77.822 27.699H258.056c-78.184-25.575-75.919-139.221-75.919-139.221H8.592a120.622 120.622 0 0 1 5.568-23.873 120.235 120.235 0 0 1 8.689-19.584c.473-.866.967-1.732 1.47-2.588a121.054 121.054 0 0 1 8.186-12.274c22.494-29.683 58.127-48.854 98.241-48.854h250.511c45.41 0 85.071 24.568 106.437 61.128.503.856.987 1.722 1.46 2.588 9.495 17.167 15.002 36.832 15.284 57.775.01.564.01 1.138.01 1.702z"
fill="#3e3d43"
/>
<path
d="M504.448 256c0 68.045-55.157 123.202-123.191 123.202-14.862 0-29.109-2.628-42.299-7.451a121.231 121.231 0 0 1-14.237-6.253c-39.6-20.49-66.665-61.832-66.665-109.498 0-47.655 27.065-88.998 66.665-109.478a122.56 122.56 0 0 1 14.257-6.263c13.18-4.823 27.427-7.451 42.279-7.451 68.035 0 123.191 55.157 123.191 123.192z"
fill="#acabb1"
/>
<path
d="M419.881 256c0 53.193-33.7 98.503-80.923 115.751a121.231 121.231 0 0 1-14.237-6.253c-39.6-20.49-66.665-61.832-66.665-109.498 0-47.655 27.065-88.998 66.665-109.478a122.56 122.56 0 0 1 14.257-6.263c47.213 17.258 80.903 62.567 80.903 115.741z"
fill="#c6c5cb"
/>
<path
d="M423.385 256c0 23.269-18.869 42.128-42.128 42.128a42.058 42.058 0 0 1-18.859-4.44c-13.794-6.927-23.269-21.195-23.269-37.687 0-16.483 9.475-30.75 23.269-37.677a42.058 42.058 0 0 1 18.859-4.44c23.259-.002 42.128 18.857 42.128 42.116z"
fill="#c60024"
/>
<path
d="M385.677 256c0 16.493-9.475 30.77-23.279 37.687-13.794-6.927-23.269-21.195-23.269-37.687 0-16.483 9.475-30.75 23.269-37.677 13.804 6.916 23.279 21.194 23.279 37.677z"
fill="#fe0b37"
/>
<path
d="M509.992 278.883c.14-.796.272-1.596.398-2.396.059-.379.119-.757.175-1.137a132.138 132.138 0 0 0 .86-7.159c.052-.56.105-1.12.15-1.681.052-.655.095-1.314.137-1.971.032-.498.068-.997.096-1.496.04-.764.068-1.532.096-2.301.014-.402.035-.803.046-1.206a132.45 132.45 0 0 0-.626-16.884 130.13 130.13 0 0 0-1.985-12.968c-12.212-59.524-65.003-104.43-128.086-104.43H130.747c-41.29 0-79.293 18.897-104.264 51.844C9.158 199.959 0 227.242 0 256.001c0 72.094 58.653 130.746 130.747 130.746h250.507c1.026 0 2.051-.015 3.075-.039.443-.01.884-.028 1.326-.043.55-.019 1.1-.037 1.648-.063.603-.027 1.203-.062 1.804-.098a130.001 130.001 0 0 0 3.277-.236l.23-.02a129.734 129.734 0 0 0 42.773-11.245 130.178 130.178 0 0 0 28.468-17.65c24.417-19.922 40.511-47.476 46.021-77.84.04-.21.079-.42.116-.63zm-13.138-19.756c-.009.355-.028.709-.04 1.063a106.41 106.41 0 0 1-.086 2.041c-.023.439-.055.876-.084 1.314-.038.585-.076 1.171-.122 1.754-.039.493-.086.985-.132 1.476a112.46 112.46 0 0 1-.151 1.547 123.738 123.738 0 0 1-.61 4.787 118.892 118.892 0 0 1-.506 3.12c-.034.196-.073.393-.108.589-6.347 34.773-28.295 64.165-58.302 80.634a118.26 118.26 0 0 1-7.373 3.709l-.225.106a116.084 116.084 0 0 1-37.876 9.942l-.11.01a115.55 115.55 0 0 1-4.675.304c-.199.009-.4.015-.599.023-1.53.061-3.064.1-4.599.1h-.002c-63.767 0-115.644-51.877-115.644-115.643 0-63.767 51.877-115.645 115.644-115.645 40.851 0 76.822 21.29 97.4 53.358a115.386 115.386 0 0 1 10.21 19.924c5.184 13.125 8.034 27.416 8.034 42.362a125.04 125.04 0 0 1-.044 3.125zM130.747 371.643C66.98 371.643 15.103 319.766 15.103 256c0-25.438 8.097-49.568 23.417-69.781 22.09-29.147 55.705-45.864 92.227-45.864h189.562c-41.474 21.946-69.803 65.546-69.803 115.645 0 50.098 28.327 93.698 69.802 115.643H130.747z"
fill="#020202"
/>
<path
d="m424.308 159.607-6.179 13.782c32.558 14.595 53.595 47.022 53.595 82.612a92.72 92.72 0 0 1-.163 5.476l15.076.901c.127-2.117.191-4.263.191-6.378 0-41.531-24.541-79.368-62.52-96.393zM460.66 299.324l13.244 7.257a105.302 105.302 0 0 0 7.994-18.67l-14.393-4.574a90.154 90.154 0 0 1-6.845 15.987zM307.075 180.94c-20.246 20.011-31.397 46.669-31.397 75.061 0 26.622 9.976 52.066 28.092 71.644l11.086-10.258c-15.525-16.779-24.074-38.579-24.074-61.387 0-24.325 9.557-47.167 26.912-64.319l-10.619-10.741z"
fill="#fff"
/>
<path
d="M381.252 206.321c-27.392 0-49.678 22.286-49.678 49.679 0 27.392 22.286 49.678 49.678 49.678 27.393 0 49.679-22.286 49.679-49.678 0-27.393-22.286-49.679-49.679-49.679zm0 84.255c-19.065 0-34.575-15.51-34.575-34.575 0-19.066 15.51-34.576 34.575-34.576 19.066 0 34.576 15.51 34.576 34.576 0 19.065-15.51 34.575-34.576 34.575z"
fill="#020202"
/>
</svg>
More icons in the same style and category