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, red button, and music and multimedia. Created in a clean lineal color 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c-137.242 0-248.5-111.258-248.5-248.5C-248.5-385.743-137.242-497 0-497c137.242 0 248.5 111.257 248.5 248.5C248.5-111.258 137.242 0 0 0"
transform="translate(256 504.5)"
fill="#fff9f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-437c120.674 0 218.5 97.825 218.5 218.5C218.5-97.826 120.674 0 0 0"
transform="translate(256 474.5)"
fill="#fa4635"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 120.674-84.395 218.5-188.5 218.5C-309.174 218.5-407 120.674-407 0c0-120.675 97.826-218.5 218.5-218.5C-84.395-218.5 0-120.675 0 0"
transform="translate(444.5 256)"
fill="#ff6f61"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-317c87.537 0 158.5 70.963 158.5 158.5S87.537 0 0 0"
transform="translate(256 414.5)"
fill="#bd3f33"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 87.537-57.531 158.5-128.5 158.5C-216.037 158.5-287 87.537-287 0s70.963-158.5 158.5-158.5C-57.531-158.5 0-87.537 0 0"
transform="translate(384.5 256)"
fill="#fa4635"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-114.444 60.746c-3.771 2.002-7.761 2.661-11.544 2.238v-161.3c3.783-.422 7.773.236 11.544 2.238L0-35.332C14.164-27.813 14.164-7.519 0 0"
transform="translate(336.219 273.666)"
fill="#ffe2df"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c11.413 7.519 11.413 27.813 0 35.332l-92.214 60.746c-1.905 1.255-3.879 1.974-5.838 2.238-9.58-1.071-17.833-9.091-17.833-19.904V-43.08c0-10.813 8.253-18.833 17.833-19.904 1.959.264 3.933.983 5.838 2.238z"
transform="translate(308.282 238.334)"
fill="#fff9f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-121.492c0-15.081 16.057-24.737 29.377-17.666l114.444 60.746c14.164 7.518 14.164 27.813 0 35.332L29.377 17.666C16.057 24.736 0 15.081 0 0Z"
transform="translate(192.398 316.746)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-137.243-111.257-248.5-248.5-248.5S-497-137.243-497 0s111.257 248.5 248.5 248.5S0 137.243 0 0Z"
transform="translate(504.5 256)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-87.537-70.963-158.5-158.5-158.5S-317-87.537-317 0s70.963 158.5 158.5 158.5S0 87.537 0 0Z"
transform="translate(414.5 256)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-33.477-38.392-53.758-88.59-53.758-143.528 0-120.675 97.826-218.5 218.5-218.5s218.5 97.825 218.5 218.5c0 120.674-97.826 218.5-218.5 218.5-54.938 0-105.137-20.282-143.529-53.759"
transform="translate(91.258 399.528)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category