Add icons to this collection by clicking the heart icon.
Play Button icon - also known as video, movie, multimedia, video player, music player, play button, and music and multimedia. Created in a clean flat gradient style with a green 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 52 52"
>
<linearGradient id="a">
<stop offset="0" stop-color="#82ea73" />
<stop offset=".832" stop-color="#2fa52f" />
</linearGradient>
<linearGradient
id="b"
x1="24.861"
x2="24.861"
y1="44.928"
y2="12.735"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="24.86"
x2="24.86"
y1="7.137"
y2="50.102"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="25.805"
x2="25.805"
y1="11.997"
y2="34.217"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#727272" />
<stop offset=".853" stop-color="#313131" />
<stop offset="1" stop-color="#262626" />
</linearGradient>
<linearGradient
id="e"
x1="2.001"
x2="47.721"
y1="24.86"
y2="24.86"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="6.575"
x2="43.145"
y1="24.862"
y2="24.862"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="g"
cx="448.545"
cy="581.218"
r="4.889"
gradientTransform="scale(1 -1) rotate(83.86 564.016 41.576)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".306" stop-color="#fff" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</radialGradient>
<path
fill="#209120"
d="m43.305 10.976-2.28-2.28-1.397 1.395C31.46 6.966 21.862 8.698 15.281 15.28c-6.584 6.584-8.316 16.182-5.19 24.35l-1.397 1.396 2.28 2.28c8.927 8.927 23.401 8.927 32.33-.002 8.927-8.927 8.927-23.401 0-32.327z"
/>
<path
fill="url(#b)"
d="M41.026 8.696c-8.928-8.928-23.402-8.928-32.33 0-8.927 8.927-8.927 23.402 0 32.33s23.402 8.927 32.33 0c8.927-8.928 8.927-23.403 0-32.33z"
/>
<path
fill="url(#c)"
d="M24.86 6.577c-10.098 0-18.285 8.186-18.285 18.285s8.187 18.285 18.285 18.285c10.099 0 18.285-8.187 18.285-18.285 0-10.099-8.186-18.285-18.285-18.285z"
/>
<path
fill="url(#d)"
d="m32.367 24.01-11.009-8.396c-1.148-.875-2.8-.056-2.8 1.387v16.79c0 1.444 1.652 2.262 2.8 1.387l11.01-8.395a1.744 1.744 0 0 0 0-2.773z"
/>
<path
fill="url(#e)"
d="M24.86 47.4a22.478 22.478 0 0 1-15.808-6.73c-4.01-4.117-6.46-9.71-6.432-15.81.066-12.203 9.853-22.165 22.241-22.243 5.967-.027 11.604 2.332 15.81 6.433 4.254 4.183 6.654 9.82 6.732 15.81.095 6.01-2.199 11.77-6.376 16.164 8.926-8.928 8.926-23.401-.001-32.328-8.928-8.928-23.402-8.928-32.33 0-8.927 8.927-8.927 23.402 0 32.33 8.927 8.926 23.4 8.927 32.329 0a23.427 23.427 0 0 1-7.483 4.793 22.688 22.688 0 0 1-8.681 1.581z"
/>
<path
fill="url(#f)"
d="M7.078 24.862C7.24 14.928 15.225 7.234 24.86 7.23c2.31 0 4.618.448 6.753 1.33 6.392 2.62 10.915 8.888 11.032 16.302.051 4.75-1.759 9.274-5.08 12.704a18.098 18.098 0 0 1-5.774 4.029 18.827 18.827 0 0 1-6.93 1.552c10.098 0 18.284-8.187 18.284-18.285 0-10.099-8.186-18.285-18.285-18.285S6.575 14.763 6.575 24.862c0 10.098 8.186 18.284 18.284 18.285-10.23-.322-17.887-8.626-17.78-18.285z"
/>
<path
fill="url(#g)"
d="m19.856 16.173-3.964-.876 1.836-1.847-2.195 1.399-.014-4.057-.876 3.961-1.849-1.833 1.401 2.195-4.06.013 3.964.876-1.836 1.847 2.197-1.4.012 4.058.878-3.962 1.847 1.834-1.4-2.195z"
/>
</svg>
More icons in the same style and category