Graduation Cap

Usage

With Web Components

<ss-icon icon="graduation-cap"></ss-icon>

With icon tag

<i class="ss ss-graduation-cap"></i>

With custom stroke width / thickness

<ss-icon icon="graduation-cap" thickness="1.2"></ss-icon>

Node.js

const icons = require('@bookklik/senangstart-icons/icons');
const svg = icons['graduation-cap'];
console.log(svg);

Icon Details

Property	Value
Name	Graduation Cap
Slug	graduation-cap
Tags	graduation cap, education, courses, learning platform, qualification, training, graduation-cap

SVG Path

M2.25 9 12 4.5 21.75 9 12 13.5 2.25 9ZM6 10.75v6.5c3.75 3 8.25 3 12 0v-6.5M21.75 9v8.25

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="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M2.25 9 12 4.5 21.75 9 12 13.5 2.25 9ZM6 10.75v6.5c3.75 3 8.25 3 12 0v-6.5M21.75 9v8.25"></path>
</svg>

---

← Back to Icon Library