Heart Extruded

Usage

With Web Components

<ss-icon icon="heart-extruded"></ss-icon>

With icon tag

<i class="ss ss-heart-extruded"></i>

With custom stroke width / thickness

<ss-icon icon="heart-extruded" thickness="1.2"></ss-icon>

Icon Details

Property	Value
Name	Heart Extruded
Slug	heart-extruded
Tags	shape, love, 3d, valentine, like, favorite, heart-extruded

SVG Path

M12 5c-1-1.5-2.5-2-4-2C5.5 3 4 4.5 4 7c0 2 1.5 4 8 9 6.5-5 8-7 8-9 0-2.5-1.5-4-4-4-1.5 0-3 .5-4 2zM4 7v5c0 2 1.5 4 8 9v-5M20 7v5c0 2-1.5 4-8 9

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="M12 5c-1-1.5-2.5-2-4-2C5.5 3 4 4.5 4 7c0 2 1.5 4 8 9 6.5-5 8-7 8-9 0-2.5-1.5-4-4-4-1.5 0-3 .5-4 2zM4 7v5c0 2 1.5 4 8 9v-5M20 7v5c0 2-1.5 4-8 9"></path>
</svg>

---

← Back to Icon Library