Add icons to this collection by clicking the heart icon.
Play Button icon - also known as arrows, video, movie, multimedia, video player, music player, play button, and music and multimedia. Created in a clean flat 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 52 52"
>
<linearGradient
id="a"
x1="26"
x2="26"
y1="7.144"
y2="35.547"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4c5c75" />
<stop offset="1" stop-color="#1d2943" />
</linearGradient>
<radialGradient
id="b"
cx="34.207"
cy="26.205"
r="30.303"
fx="59.081"
fy="34.794"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1d2943" />
<stop offset="1" stop-color="#4c5c75" />
</radialGradient>
<linearGradient
id="c"
x1="26"
x2="26"
y1="7.761"
y2="37.712"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fe90a9" />
<stop offset="1" stop-color="#df3260" />
</linearGradient>
<linearGradient
id="d"
x1="26"
x2="26"
y1="28.131"
y2="39.514"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fe90a9" stop-opacity="0" />
<stop offset=".187" stop-color="#f77e9b" stop-opacity=".187" />
<stop offset=".564" stop-color="#e44e78" stop-opacity=".564" />
<stop offset="1" stop-color="#cc104a" />
</linearGradient>
<linearGradient
id="e"
x1="36.944"
x2="20.085"
y1="38.559"
y2="21.699"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4c5c75" stop-opacity="0" />
<stop offset="1" stop-color="#1d2943" />
</linearGradient>
<linearGradient
id="f"
x1="26.127"
x2="28.512"
y1="26.858"
y2="30.81"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e3e7f0" />
<stop offset="1" stop-color="#9ea9c9" />
</linearGradient>
<path
fill="url(#a)"
d="M42 4.9H10c-4.4 0-8 3.6-8 8v26.2c0 4.4 3.6 8 8 8h32c4.4 0 8-3.6 8-8V12.9c0-4.4-3.6-8-8-8z"
/>
<path
fill="url(#b)"
d="M12.6 43.5c-3.9 0-7-3.2-7-7v-21c0-3.9 3.2-7 7-7h26.8c3.9 0 7 3.2 7 7v21c0 3.9-3.2 7-7 7z"
/>
<path
fill="url(#c)"
d="M12.9 41c-2.6 0-4.7-2.1-4.7-4.7V15.8c0-2.6 2.1-4.7 4.7-4.7h26.2c2.6 0 4.7 2.1 4.7 4.7v20.5c0 2.6-2.1 4.7-4.7 4.7z"
/>
<path
fill="url(#d)"
d="M12.9 41c-2.6 0-4.7-2.1-4.7-4.7V15.8c0-2.6 2.1-4.7 4.7-4.7h26.2c2.6 0 4.7 2.1 4.7 4.7v20.5c0 2.6-2.1 4.7-4.7 4.7z"
/>
<path
fill="url(#e)"
d="m35 24.5-14.9 9.2 7.3 7.2h11.8c2.6 0 4.7-2.1 4.7-4.7v-2.9z"
/>
<path
fill="url(#f)"
d="m34 23.6-10.6-5.9c-1.8-1-4.1.3-4.1 2.4V32c0 2.1 2.3 3.4 4.1 2.4l10.6-6c1.9-1.1 1.9-3.7 0-4.8z"
/>
</svg>
More icons in the same style and category