Add icons to this collection by clicking the heart icon.
Play Button icon - also known as interface, arrows, movie, multimedia, video player, music player, multimedia option, play button, and music and multimedia. Created in a clean 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="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="-44.551"
x2="10.744"
y1="615.969"
y2="615.969"
gradientTransform="matrix(10.6667 0 0 -10.6667 473.667 6826.333)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".359" stop-color="#ed683c" />
<stop offset=".702" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M256 0C114.615 0 0 114.615 0 256s114.615 256 256 256 256-114.615 256-256C511.835 114.683 397.317.165 256 0zm0 490.667C126.397 490.667 21.333 385.603 21.333 256S126.397 21.333 256 21.333 490.667 126.397 490.667 256C490.52 385.542 385.542 490.52 256 490.667z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-44.551"
x2="10.744"
y1="615.969"
y2="615.969"
gradientTransform="matrix(10.6667 0 0 -10.6667 473.667 6826.333)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".359" stop-color="#ed683c" />
<stop offset=".702" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M256 96c-88.366 0-160 71.634-160 160s71.634 160 160 160 160-71.634 160-160c-.1-88.324-71.676-159.9-160-160zm0 298.667c-76.583 0-138.667-62.083-138.667-138.667S179.417 117.333 256 117.333 394.667 179.417 394.667 256c-.089 76.547-62.12 138.578-138.667 138.667z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-44.551"
x2="10.744"
y1="615.969"
y2="615.969"
gradientTransform="matrix(10.6667 0 0 -10.6667 473.667 6826.333)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".359" stop-color="#ed683c" />
<stop offset=".702" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="m314.336 246.571-85.333-45.248c-5.203-2.763-11.661-.785-14.423 4.418a10.676 10.676 0 0 0-1.246 5.011v90.496c0 5.891 4.776 10.667 10.667 10.667a10.82 10.82 0 0 0 5.003-1.237l85.333-45.248c5.208-2.754 7.197-9.208 4.443-14.416a10.671 10.671 0 0 0-4.444-4.443zm-79.669 36.949v-55.04L286.56 256l-51.893 27.52z"
fill="url(#c)"
/>
</svg>
More icons in the same style and category