Add icons to this collection by clicking the heart icon.
Button icon - also known as interface, button, control, multimedia, multimedia option, web page, switch, switch on, toggle, and music and multimedia. Created in a clean lineal gradient style, 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="496pt"
height="496pt"
viewBox="0 -104 496 496"
>
<linearGradient id="a">
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient
id="b"
x1="-3.96"
x2="492.024"
y1="395.96"
y2="-100.024"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="-43.96"
x2="452.024"
y1="355.96"
y2="-140.024"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="36.04"
x2="532.024"
y1="435.96"
y2="-60.024"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M488 0H8a8 8 0 0 0-8 8v272a8 8 0 0 0 8 8h480a8 8 0 0 0 8-8V8a8 8 0 0 0-8-8zm-8 272H16V16h464zm0 0"
/>
<path
fill="url(#c)"
d="M40 72h265.137c3.59 14.113 16.3 23.992 30.863 23.992S363.273 86.113 366.863 72H456a8 8 0 0 0 0-16h-89.137c-3.59-14.113-16.3-23.992-30.863-23.992S308.727 41.887 305.137 56H40a8 8 0 0 0 0 16zm296-24c8.836 0 16 7.164 16 16s-7.164 16-16 16-16-7.164-16-16 7.164-16 16-16zm0 0"
/>
<path
fill="url(#b)"
d="M40 152h49.137c3.59 14.113 16.3 23.992 30.863 23.992s27.273-9.879 30.863-23.992H456a8 8 0 0 0 0-16H150.863c-3.59-14.113-16.3-23.992-30.863-23.992S92.727 121.887 89.137 136H40a8 8 0 0 0 0 16zm80-24c8.836 0 16 7.164 16 16s-7.164 16-16 16-16-7.164-16-16 7.164-16 16-16zm0 0"
/>
<path
fill="url(#d)"
d="M40 232h329.137c3.59 14.113 16.3 23.992 30.863 23.992s27.273-9.879 30.863-23.992H456a8 8 0 0 0 0-16h-25.137c-3.59-14.113-16.3-23.992-30.863-23.992s-27.273 9.879-30.863 23.992H40a8 8 0 0 0 0 16zm360-24c8.836 0 16 7.164 16 16s-7.164 16-16 16-16-7.164-16-16 7.164-16 16-16zm0 0"
/>
</svg>
More icons in the same style and category