Add icons to this collection by clicking the heart icon.
Play icon - also known as screen, play, game, controller, start, ui, and gaming. 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="512"
height="512"
viewBox="0 0 60 54"
>
<g fill="none" fill-rule="nonzero">
<rect width="58" height="52" x="1" y="1" fill="#3f51b5" rx="2" />
<path
fill="#283593"
d="M57 1h-3a2 2 0 0 1 2 2v48a2 2 0 0 1-2 2h3a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2z"
/>
<path fill="#02a9f4" d="M30 5h24a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H30z" />
<path
fill="#0377bc"
d="M54 5h-3a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h3a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1z"
/>
<path fill="#02a9f4" d="M30 17h24a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H30z" />
<path
fill="#0377bc"
d="M54 17h-3a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h3a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1z"
/>
<path fill="#02a9f4" d="M30 29h24a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H30z" />
<path
fill="#0377bc"
d="M54 29h-3a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h3a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1z"
/>
<path fill="#02a9f4" d="M30 41h24a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H30z" />
<path
fill="#0377bc"
d="M54 41h-3a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h3a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1z"
/>
<path
fill="#ffeb3a"
d="M25 5h5v8h-5a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1zM25 17h5v8h-5a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1zM25 29h5v8h-5a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1zM25 41h5v8h-5a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1z"
/>
<path
fill="#f5f5f5"
d="M15 6H5a1 1 0 1 1 0-2h10a1 1 0 0 1 0 2zM18 10H5a1 1 0 1 1 0-2h13a1 1 0 0 1 0 2zM11 14H5a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2z"
/>
<rect width="14" height="4" x="5" y="21" fill="#02a9f4" rx="1" />
<rect width="14" height="4" x="5" y="25" fill="#02a9f4" rx="1" />
<rect width="14" height="4" x="5" y="33" fill="#02a9f4" rx="1" />
<rect width="14" height="4" x="5" y="37" fill="#02a9f4" rx="1" />
<rect width="14" height="4" x="5" y="41" fill="#02a9f4" rx="1" />
<rect width="14" height="4" x="5" y="45" fill="#02a9f4" rx="1" />
<g fill="#000">
<path
d="M57 0H3a3 3 0 0 0-3 3v48a3 3 0 0 0 3 3h54a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3zm1 51a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h54a1 1 0 0 1 1 1z"
/>
<path
d="M54 4H25a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h29a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zM29 6v2h-4V6zm-4 4h4v2h-4zm6 2V6h23v6zM54 16H25a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h29a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2zm-25 2v2h-4v-2zm-4 4h4v2h-4zm6 2v-6h23v6zM54 28H25a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h29a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2zm-25 2v2h-4v-2zm-4 4h4v2h-4zm6 2v-6h23v6zM54 40H25a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h29a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2zm-25 2v2h-4v-2zm-4 4h4v2h-4zm6 2v-6h23v6zM18 20H6a2 2 0 0 0-2 2v2c.002.352.098.697.278 1-.18.303-.276.648-.278 1v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2a1.978 1.978 0 0 0-.278-1c.18-.303.276-.648.278-1v-2a2 2 0 0 0-2-2zM6 22h12v2H6zm0 6v-2h12v2zM18 32H6a2 2 0 0 0-2 2v2c.002.352.098.697.278 1-.18.303-.276.648-.278 1v2c.002.352.098.697.278 1-.18.303-.276.648-.278 1v2c.002.352.098.697.278 1-.18.303-.276.648-.278 1v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2a1.978 1.978 0 0 0-.278-1c.18-.303.276-.648.278-1v-2a1.978 1.978 0 0 0-.278-1c.18-.303.276-.648.278-1v-2a1.978 1.978 0 0 0-.278-1c.18-.303.276-.648.278-1v-2a2 2 0 0 0-2-2zM6 34h12v2H6zm12 6H6v-2h12zm0 4H6v-2h12zM6 48v-2h12v2z"
/>
</g>
</g>
</svg>
More icons in the same style and category