Play icon

Play icon in outline, twotone, bold and bulk. Free in all four styles, for player, gallery, camera, music, volume. Copy the SVG, the React, Vue or Svelte component, or download a PNG.

All four styles

Outline

Full linework, every stroke at 1.5px. The reference drawing.

TwoTone

The same linework, with secondary strokes dropped to half tone.

Bold

No strokes at all. One filled form, cut with even-odd holes.

Bulk

Filled, with the secondary mass at half tone.

Copy it

React

import { IconPlay } from "@devigner-ui/icons";

<IconPlay className="size-6" />

Vue

<script setup>
import { IconPlay } from "@devigner-ui/icons-vue";
</script>

<template>
  <IconPlay class="size-6" />
</template>

Svelte

<script>
  import { IconPlay } from "@devigner-ui/icons-svelte";
</script>

<IconPlay class="size-6" />

SVG

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.16 6.84C19.4 9.03 21 10.13 21 12s-1.61 2.97-4.84 5.16a42 42 0 0 1-4.93 2.92C8 21.71 6.4 22.53 4.96 21.63c-1.45-.9-1.58-2.8-1.84-6.57A45 45 0 0 1 3 12c0-.94.05-1.99.12-3.06.26-3.77.4-5.66 1.84-6.57C6.4 1.47 8 2.3 11.23 3.92q1.27.63 2.35 1.27c.81.47 1.7 1.04 2.58 1.65" stroke="currentColor" stroke-width="1.5"></path></svg>

Category

Media & Playback

Styles

outline, twotone, bold, bulk, free in all four styles

Used for

player, gallery, camera, music, volume

Also called

play, path, curved, smooth, arc, curve, closed, start, run, begin, video, music, media

More Media & Playback icons

• Ai Audio
• Album
• Audio Square
• Backward
• Backward10 Seconds
• Backward15 Seconds
• Backward5 Seconds
• Boombox
• Camera
• Camera2
• Camera Add
• Camera Minimalistic
• Camera Rotate
• Camera Slash
• Camera Square
• Cassette
• Cassette2
• Clapperboard
• Clapperboard Edit
• Clapperboard Open
• Clapperboard Open Play
• Clapperboard Play
• Clapperboard Text
• Forward10 Seconds

All Media & Playback icons

Browse all 8,584 icons