Progress Steps

Penggunaan

Dengan Komponen Web

<ss-icon icon="progress-steps"></ss-icon>

Dengan tag ikon

<i class="ss ss-progress-steps"></i>

Dengan ketebalan garisan tersuai

<ss-icon icon="progress-steps" thickness="1.2"></ss-icon>

Node.js

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

Butiran Ikon

Ciri	Nilai
Nama	Progress Steps
Slug	progress-steps
Tag	steps, stepper, progress, wizard, onboarding, workflow, progress-steps

Laluan SVG

M2.25 12a2.25 2.25 0 1 0 4.5 0a2.25 2.25 0 1 0 -4.5 0ZM9.75 12a2.25 2.25 0 1 0 4.5 0a2.25 2.25 0 1 0 -4.5 0ZM17.25 12a2.25 2.25 0 1 0 4.5 0a2.25 2.25 0 1 0 -4.5 0ZM6.75 12h3M14.25 12h3

SVG Mentah

<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 12a2.25 2.25 0 1 0 4.5 0a2.25 2.25 0 1 0 -4.5 0ZM9.75 12a2.25 2.25 0 1 0 4.5 0a2.25 2.25 0 1 0 -4.5 0ZM17.25 12a2.25 2.25 0 1 0 4.5 0a2.25 2.25 0 1 0 -4.5 0ZM6.75 12h3M14.25 12h3"></path>
</svg>

---

← Kembali ke Pustaka Ikon