Play Circle

Usage

With Web Components

<ss-icon icon="play-circle"></ss-icon>

With icon tag

<i class="ss ss-play-circle"></i>

With custom stroke width / thickness

<ss-icon icon="play-circle" thickness="1.2"></ss-icon>

Icon Details

Property	Value
Name	Play Circle
Slug	play-circle
Tags	start, media, video, button, player, play-circle

SVG Path

M21 12a9 9 0 11-18 0 9 9 0 0118 0zM15.91 11.672a.375.375 0 010 .656l-5.603 3.113a.375.375 0 01-.557-.328V8.887c0-.286.307-.466.557-.327l5.603 3.112z

Raw SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
  <path d="M21 12a9 9 0 11-18 0 9 9 0 0118 0zM15.91 11.672a.375.375 0 010 .656l-5.603 3.113a.375.375 0 01-.557-.328V8.887c0-.286.307-.466.557-.327l5.603 3.112z"></path>
</svg>

---

← Back to Icon Library