Add icons to this collection by clicking the heart icon.
Button icon - also known as button, play, multimedia, ui, video player, music player, and movie player. 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="-27"
x2="498"
y1="256"
y2="256"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient id="b" x2="498" href="#a" />
<path
fill="url(#a)"
d="M476 8H36A28.032 28.032 0 0 0 8 36v440a28.032 28.032 0 0 0 28 28h440a28.032 28.032 0 0 0 28-28V36a28.032 28.032 0 0 0-28-28zm12 468a12.013 12.013 0 0 1-12 12H36a12.013 12.013 0 0 1-12-12V36a12.013 12.013 0 0 1 12-12h440a12.013 12.013 0 0 1 12 12z"
/>
<path
fill="url(#a)"
d="M404 80H108a28.032 28.032 0 0 0-28 28v296a28.032 28.032 0 0 0 28 28h296a28.032 28.032 0 0 0 28-28V108a28.032 28.032 0 0 0-28-28zm12 324a12.013 12.013 0 0 1-12 12H108a12.013 12.013 0 0 1-12-12V108a12.013 12.013 0 0 1 12-12h296a12.013 12.013 0 0 1 12 12z"
/>
<path
fill="url(#b)"
d="m355.81 248.966-192-104A8 8 0 0 0 152 152v208a8 8 0 0 0 11.81 7.034l192-104a8 8 0 0 0 0-14.068zM168 346.568V165.432L335.2 256z"
/>
</svg>
More icons in the same style and category