@bookklik/senangstart-icons 1.0.7 → 1.0.8

package/docs/ms/icons/sliders-horizontal.md

@@ -0,0 +1,59 @@
+---
+title: Sliders Horizontal
+---
+
+# Sliders Horizontal
+
+<div style="display: flex; justify-content: center; padding: 2rem; background: var(--vp-c-bg-soft); border-radius: 8px; margin: 1rem 0;">
+<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M6 13.5V3.75m0 9.75a1.5 1.5 0 0 1 0 3m0-3a1.5 1.5 0 0 0 0 3m0 3.75V16.5m12-3V3.75m0 9.75a1.5 1.5 0 0 1 0 3m0-3a1.5 1.5 0 0 0 0 3m0 3.75V16.5m-6-9V3.75m0 3.75a1.5 1.5 0 0 1 0 3m0-3a1.5 1.5 0 0 0 0 3m0 9.75V10.5"></path></svg>
+</div>
+
+## Penggunaan
+
+```html
+<ss-icon name="sliders-horizontal"></ss-icon>
+```
+
+### Dengan saiz tersuai
+
+```html
+<ss-icon name="sliders-horizontal" size="32"></ss-icon>
+```
+
+### Dengan warna tersuai
+
+```html
+<ss-icon name="sliders-horizontal" color="#3b82f6"></ss-icon>
+```
+
+### Dengan lebar garisan tersuai
+
+```html
+<ss-icon name="sliders-horizontal" stroke="2"></ss-icon>
+```
+
+## Butiran Ikon
+
+| Ciri | Nilai |
+|------|-------|
+| **Nama** | Sliders Horizontal |
+| **Slug** | `sliders-horizontal` |
+| **Tag** | `settings`, `filters`, `adjust`, `levels`, `controls`, `sliders-horizontal` |
+
+## Laluan SVG
+
+```
+M6 13.5V3.75m0 9.75a1.5 1.5 0 0 1 0 3m0-3a1.5 1.5 0 0 0 0 3m0 3.75V16.5m12-3V3.75m0 9.75a1.5 1.5 0 0 1 0 3m0-3a1.5 1.5 0 0 0 0 3m0 3.75V16.5m-6-9V3.75m0 3.75a1.5 1.5 0 0 1 0 3m0-3a1.5 1.5 0 0 0 0 3m0 9.75V10.5
+```
+
+## SVG Mentah
+
+```html
+<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="M6 13.5V3.75m0 9.75a1.5 1.5 0 0 1 0 3m0-3a1.5 1.5 0 0 0 0 3m0 3.75V16.5m12-3V3.75m0 9.75a1.5 1.5 0 0 1 0 3m0-3a1.5 1.5 0 0 0 0 3m0 3.75V16.5m-6-9V3.75m0 3.75a1.5 1.5 0 0 1 0 3m0-3a1.5 1.5 0 0 0 0 3m0 9.75V10.5"></path>
+</svg>
+```
+
+---
+
+[← Kembali ke Pustaka Ikon](/ms/icons/)

package/docs/ms/icons/sliders-vertical.md

@@ -0,0 +1,59 @@
+---
+title: Sliders Vertical
+---
+
+# Sliders Vertical
+
+<div style="display: flex; justify-content: center; padding: 2rem; background: var(--vp-c-bg-soft); border-radius: 8px; margin: 1rem 0;">
+<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M13.5 6H3.75m9.75 0a1.5 1.5 0 0 1 3 0m-3 0a1.5 1.5 0 0 0 3 0m3.75 0H16.5m-3 12H3.75m9.75 0a1.5 1.5 0 0 1 3 0m-3 0a1.5 1.5 0 0 0 3 0m3.75 0H16.5m-9-6H3.75m3.75 0a1.5 1.5 0 0 1 3 0m-3 0a1.5 1.5 0 0 0 3 0m9.75 0H10.5"></path></svg>
+</div>
+
+## Penggunaan
+
+```html
+<ss-icon name="sliders-vertical"></ss-icon>
+```
+
+### Dengan saiz tersuai
+
+```html
+<ss-icon name="sliders-vertical" size="32"></ss-icon>
+```
+
+### Dengan warna tersuai
+
+```html
+<ss-icon name="sliders-vertical" color="#3b82f6"></ss-icon>
+```
+
+### Dengan lebar garisan tersuai
+
+```html
+<ss-icon name="sliders-vertical" stroke="2"></ss-icon>
+```
+
+## Butiran Ikon
+
+| Ciri | Nilai |
+|------|-------|
+| **Nama** | Sliders Vertical |
+| **Slug** | `sliders-vertical` |
+| **Tag** | `settings`, `filters`, `adjust`, `levels`, `controls`, `sliders-vertical` |
+
+## Laluan SVG
+
+```
+M13.5 6H3.75m9.75 0a1.5 1.5 0 0 1 3 0m-3 0a1.5 1.5 0 0 0 3 0m3.75 0H16.5m-3 12H3.75m9.75 0a1.5 1.5 0 0 1 3 0m-3 0a1.5 1.5 0 0 0 3 0m3.75 0H16.5m-9-6H3.75m3.75 0a1.5 1.5 0 0 1 3 0m-3 0a1.5 1.5 0 0 0 3 0m9.75 0H10.5
+```
+
+## SVG Mentah
+
+```html
+<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="M13.5 6H3.75m9.75 0a1.5 1.5 0 0 1 3 0m-3 0a1.5 1.5 0 0 0 3 0m3.75 0H16.5m-3 12H3.75m9.75 0a1.5 1.5 0 0 1 3 0m-3 0a1.5 1.5 0 0 0 3 0m3.75 0H16.5m-9-6H3.75m3.75 0a1.5 1.5 0 0 1 3 0m-3 0a1.5 1.5 0 0 0 3 0m9.75 0H10.5"></path>
+</svg>
+```
+
+---
+
+[← Kembali ke Pustaka Ikon](/ms/icons/)

package/docs/ms/icons/sparkles.md

@@ -0,0 +1,59 @@
+---
+title: Sparkles
+---
+
+# Sparkles
+
+<div style="display: flex; justify-content: center; padding: 2rem; background: var(--vp-c-bg-soft); border-radius: 8px; margin: 1rem 0;">
+<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M9.813 15.904L9 18.75l-.813-2.846a4.5 4.5 0 00-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 003.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 003.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 00-3.09 3.09zM18.259 8.715L18 9.75l-.259-1.035a3.375 3.375 0 00-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 002.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 002.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 00-2.456 2.456zM16.894 20.567L16.5 21.75l-.394-1.183a2.25 2.25 0 00-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 001.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 001.423 1.423l1.183.394-1.183.394a2.25 2.25 0 00-1.423 1.423z"></path></svg>
+</div>
+
+## Penggunaan
+
+```html
+<ss-icon name="sparkles"></ss-icon>
+```
+
+### Dengan saiz tersuai
+
+```html
+<ss-icon name="sparkles" size="32"></ss-icon>
+```
+
+### Dengan warna tersuai
+
+```html
+<ss-icon name="sparkles" color="#3b82f6"></ss-icon>
+```
+
+### Dengan lebar garisan tersuai
+
+```html
+<ss-icon name="sparkles" stroke="2"></ss-icon>
+```
+
+## Butiran Ikon
+
+| Ciri | Nilai |
+|------|-------|
+| **Nama** | Sparkles |
+| **Slug** | `sparkles` |
+| **Tag** | `ai`, `magic`, `new`, `shine`, `clean`, `glitter`, `sparkles`, `senangwebs`, `motion`, `sw-animations` |
+
+## Laluan SVG
+
+```
+M9.813 15.904L9 18.75l-.813-2.846a4.5 4.5 0 00-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 003.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 003.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 00-3.09 3.09zM18.259 8.715L18 9.75l-.259-1.035a3.375 3.375 0 00-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 002.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 002.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 00-2.456 2.456zM16.894 20.567L16.5 21.75l-.394-1.183a2.25 2.25 0 00-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 001.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 001.423 1.423l1.183.394-1.183.394a2.25 2.25 0 00-1.423 1.423z
+```
+
+## SVG Mentah
+
+```html
+<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="M9.813 15.904L9 18.75l-.813-2.846a4.5 4.5 0 00-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 003.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 003.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 00-3.09 3.09zM18.259 8.715L18 9.75l-.259-1.035a3.375 3.375 0 00-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 002.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 002.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 00-2.456 2.456zM16.894 20.567L16.5 21.75l-.394-1.183a2.25 2.25 0 00-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 001.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 001.423 1.423l1.183.394-1.183.394a2.25 2.25 0 00-1.423 1.423z"></path>
+</svg>
+```
+
+---
+
+[← Kembali ke Pustaka Ikon](/ms/icons/)

package/docs/ms/icons/speaker-wave.md

@@ -0,0 +1,59 @@
+---
+title: Speaker Wave
+---
+
+# Speaker Wave
+
+<div style="display: flex; justify-content: center; padding: 2rem; background: var(--vp-c-bg-soft); border-radius: 8px; margin: 1rem 0;">
+<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M19.114 5.636a9 9 0 010 12.728M16.463 8.288a5.25 5.25 0 010 7.424M6.75 8.25l4.72-4.72a.75.75 0 011.28.53v15.88a.75.75 0 01-1.28.53l-4.72-4.72H4.51c-.88 0-1.704-.507-1.938-1.354A9.01 9.01 0 012.25 12c0-.83.112-1.633.322-2.396C2.806 8.756 3.63 8.25 4.51 8.25H6.75z"></path></svg>
+</div>
+
+## Penggunaan
+
+```html
+<ss-icon name="speaker-wave"></ss-icon>
+```
+
+### Dengan saiz tersuai
+
+```html
+<ss-icon name="speaker-wave" size="32"></ss-icon>
+```
+
+### Dengan warna tersuai
+
+```html
+<ss-icon name="speaker-wave" color="#3b82f6"></ss-icon>
+```
+
+### Dengan lebar garisan tersuai
+
+```html
+<ss-icon name="speaker-wave" stroke="2"></ss-icon>
+```
+
+## Butiran Ikon
+
+| Ciri | Nilai |
+|------|-------|
+| **Nama** | Speaker Wave |
+| **Slug** | `speaker-wave` |
+| **Tag** | `sound`, `volume`, `audio`, `noise`, `listen`, `speaker-wave` |
+
+## Laluan SVG
+
+```
+M19.114 5.636a9 9 0 010 12.728M16.463 8.288a5.25 5.25 0 010 7.424M6.75 8.25l4.72-4.72a.75.75 0 011.28.53v15.88a.75.75 0 01-1.28.53l-4.72-4.72H4.51c-.88 0-1.704-.507-1.938-1.354A9.01 9.01 0 012.25 12c0-.83.112-1.633.322-2.396C2.806 8.756 3.63 8.25 4.51 8.25H6.75z
+```
+
+## SVG Mentah
+
+```html
+<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="M19.114 5.636a9 9 0 010 12.728M16.463 8.288a5.25 5.25 0 010 7.424M6.75 8.25l4.72-4.72a.75.75 0 011.28.53v15.88a.75.75 0 01-1.28.53l-4.72-4.72H4.51c-.88 0-1.704-.507-1.938-1.354A9.01 9.01 0 012.25 12c0-.83.112-1.633.322-2.396C2.806 8.756 3.63 8.25 4.51 8.25H6.75z"></path>
+</svg>
+```
+
+---
+
+[← Kembali ke Pustaka Ikon](/ms/icons/)

package/docs/ms/icons/speaker-x-mark.md

@@ -0,0 +1,59 @@
+---
+title: Speaker X Mark
+---
+
+# Speaker X Mark
+
+<div style="display: flex; justify-content: center; padding: 2rem; background: var(--vp-c-bg-soft); border-radius: 8px; margin: 1rem 0;">
+<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M17.25 9.75L19.5 12m0 0l2.25 2.25M19.5 12l2.25-2.25M19.5 12l-2.25 2.25m-10.5-6l4.72-4.72a.75.75 0 011.28.53v15.88a.75.75 0 01-1.28.53l-4.72-4.72H4.51c-.88 0-1.704-.507-1.938-1.354A9.01 9.01 0 012.25 12c0-.83.112-1.633.322-2.396C2.806 8.756 3.63 8.25 4.51 8.25H6.75z"></path></svg>
+</div>
+
+## Penggunaan
+
+```html
+<ss-icon name="speaker-x-mark"></ss-icon>
+```
+
+### Dengan saiz tersuai
+
+```html
+<ss-icon name="speaker-x-mark" size="32"></ss-icon>
+```
+
+### Dengan warna tersuai
+
+```html
+<ss-icon name="speaker-x-mark" color="#3b82f6"></ss-icon>
+```
+
+### Dengan lebar garisan tersuai
+
+```html
+<ss-icon name="speaker-x-mark" stroke="2"></ss-icon>
+```
+
+## Butiran Ikon
+
+| Ciri | Nilai |
+|------|-------|
+| **Nama** | Speaker X Mark |
+| **Slug** | `speaker-x-mark` |
+| **Tag** | `mute`, `silent`, `audio`, `off`, `quiet`, `speaker-x-mark` |
+
+## Laluan SVG
+
+```
+M17.25 9.75L19.5 12m0 0l2.25 2.25M19.5 12l2.25-2.25M19.5 12l-2.25 2.25m-10.5-6l4.72-4.72a.75.75 0 011.28.53v15.88a.75.75 0 01-1.28.53l-4.72-4.72H4.51c-.88 0-1.704-.507-1.938-1.354A9.01 9.01 0 012.25 12c0-.83.112-1.633.322-2.396C2.806 8.756 3.63 8.25 4.51 8.25H6.75z
+```
+
+## SVG Mentah
+
+```html
+<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="M17.25 9.75L19.5 12m0 0l2.25 2.25M19.5 12l2.25-2.25M19.5 12l-2.25 2.25m-10.5-6l4.72-4.72a.75.75 0 011.28.53v15.88a.75.75 0 01-1.28.53l-4.72-4.72H4.51c-.88 0-1.704-.507-1.938-1.354A9.01 9.01 0 012.25 12c0-.83.112-1.633.322-2.396C2.806 8.756 3.63 8.25 4.51 8.25H6.75z"></path>
+</svg>
+```
+
+---
+
+[← Kembali ke Pustaka Ikon](/ms/icons/)

package/docs/ms/icons/sphere-half.md

@@ -0,0 +1,59 @@
+---
+title: Sphere Half
+---
+
+# Sphere Half
+
+<div style="display: flex; justify-content: center; padding: 2rem; background: var(--vp-c-bg-soft); border-radius: 8px; margin: 1rem 0;">
+<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M3 14a9 9 0 0118 0v2c0 1-4 3-9 3s-9-2-9-3v-2zM12 13c-5 0-9 2-9 3S7 19 12 19s9-2 9-3-4-3-9-3"></path></svg>
+</div>
+
+## Penggunaan
+
+```html
+<ss-icon name="sphere-half"></ss-icon>
+```
+
+### Dengan saiz tersuai
+
+```html
+<ss-icon name="sphere-half" size="32"></ss-icon>
+```
+
+### Dengan warna tersuai
+
+```html
+<ss-icon name="sphere-half" color="#3b82f6"></ss-icon>
+```
+
+### Dengan lebar garisan tersuai
+
+```html
+<ss-icon name="sphere-half" stroke="2"></ss-icon>
+```
+
+## Butiran Ikon
+
+| Ciri | Nilai |
+|------|-------|
+| **Nama** | Sphere Half |
+| **Slug** | `sphere-half` |
+| **Tag** | `shape`, `hemisphere`, `3d`, `dome`, `half`, `round`, `sphere-half` |
+
+## Laluan SVG
+
+```
+M3 14a9 9 0 0118 0v2c0 1-4 3-9 3s-9-2-9-3v-2zM12 13c-5 0-9 2-9 3S7 19 12 19s9-2 9-3-4-3-9-3
+```
+
+## SVG Mentah
+
+```html
+<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="M3 14a9 9 0 0118 0v2c0 1-4 3-9 3s-9-2-9-3v-2zM12 13c-5 0-9 2-9 3S7 19 12 19s9-2 9-3-4-3-9-3"></path>
+</svg>
+```
+
+---
+
+[← Kembali ke Pustaka Ikon](/ms/icons/)

package/docs/ms/icons/sphere.md

@@ -0,0 +1,59 @@
+---
+title: Sphere
+---
+
+# Sphere
+
+<div style="display: flex; justify-content: center; padding: 2rem; background: var(--vp-c-bg-soft); border-radius: 8px; margin: 1rem 0;">
+<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" 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 0z M3 12c0 2.5 4.5 4.5 9 4.5s9-2 9-4.5 M12 3c2.5 0 4.5 4.5 4.5 9s-2 9-4.5 9"></path></svg>
+</div>
+
+## Penggunaan
+
+```html
+<ss-icon name="sphere"></ss-icon>
+```
+
+### Dengan saiz tersuai
+
+```html
+<ss-icon name="sphere" size="32"></ss-icon>
+```
+
+### Dengan warna tersuai
+
+```html
+<ss-icon name="sphere" color="#3b82f6"></ss-icon>
+```
+
+### Dengan lebar garisan tersuai
+
+```html
+<ss-icon name="sphere" stroke="2"></ss-icon>
+```
+
+## Butiran Ikon
+
+| Ciri | Nilai |
+|------|-------|
+| **Nama** | Sphere |
+| **Slug** | `sphere` |
+| **Tag** | `shape`, `round`, `3d`, `circle`, `geometry`, `ball`, `sphere` |
+
+## Laluan SVG
+
+```
+M21 12a9 9 0 11-18 0 9 9 0 0118 0z M3 12c0 2.5 4.5 4.5 9 4.5s9-2 9-4.5 M12 3c2.5 0 4.5 4.5 4.5 9s-2 9-4.5 9
+```
+
+## SVG Mentah
+
+```html
+<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 0z M3 12c0 2.5 4.5 4.5 9 4.5s9-2 9-4.5 M12 3c2.5 0 4.5 4.5 4.5 9s-2 9-4.5 9"></path>
+</svg>
+```
+
+---
+
+[← Kembali ke Pustaka Ikon](/ms/icons/)

package/docs/ms/icons/square.md

@@ -0,0 +1,59 @@
+---
+title: Square
+---
+
+# Square
+
+<div style="display: flex; justify-content: center; padding: 2rem; background: var(--vp-c-bg-soft); border-radius: 8px; margin: 1rem 0;">
+<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16v16H4z"></path></svg>
+</div>
+
+## Penggunaan
+
+```html
+<ss-icon name="square"></ss-icon>
+```
+
+### Dengan saiz tersuai
+
+```html
+<ss-icon name="square" size="32"></ss-icon>
+```
+
+### Dengan warna tersuai
+
+```html
+<ss-icon name="square" color="#3b82f6"></ss-icon>
+```
+
+### Dengan lebar garisan tersuai
+
+```html
+<ss-icon name="square" stroke="2"></ss-icon>
+```
+
+## Butiran Ikon
+
+| Ciri | Nilai |
+|------|-------|
+| **Nama** | Square |
+| **Slug** | `square` |
+| **Tag** | `shape`, `box`, `stop`, `block`, `geometry`, `square` |
+
+## Laluan SVG
+
+```
+M4 4h16v16H4z
+```
+
+## SVG Mentah
+
+```html
+<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="M4 4h16v16H4z"></path>
+</svg>
+```
+
+---
+
+[← Kembali ke Pustaka Ikon](/ms/icons/)

package/docs/ms/icons/star.md

@@ -0,0 +1,59 @@
+---
+title: Star
+---
+
+# Star
+
+<div style="display: flex; justify-content: center; padding: 2rem; background: var(--vp-c-bg-soft); border-radius: 8px; margin: 1rem 0;">
+<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M11.48 3.499a.562.562 0 011.04 0l2.125 5.111a.563.563 0 00.475.345l5.518.442c.563.045.797.77.364 1.154l-4.22 3.737a.563.563 0 00-.172.527l1.283 5.376c.15.628-.548 1.13-1.066.77l-4.654-3.192a.563.563 0 00-.636 0l-4.654 3.192c-.518.36-1.216-.142-1.066-.77l1.283-5.376a.563.563 0 00-.172-.527l-4.22-3.737c-.433-.384-.199-1.11.364-1.154l5.518-.442a.563.563 0 00.475-.345L11.48 3.5z"></path></svg>
+</div>
+
+## Penggunaan
+
+```html
+<ss-icon name="star"></ss-icon>
+```
+
+### Dengan saiz tersuai
+
+```html
+<ss-icon name="star" size="32"></ss-icon>
+```
+
+### Dengan warna tersuai
+
+```html
+<ss-icon name="star" color="#3b82f6"></ss-icon>
+```
+
+### Dengan lebar garisan tersuai
+
+```html
+<ss-icon name="star" stroke="2"></ss-icon>
+```
+
+## Butiran Ikon
+
+| Ciri | Nilai |
+|------|-------|
+| **Nama** | Star |
+| **Slug** | `star` |
+| **Tag** | `favorite`, `rating`, `like`, `review`, `bookmark`, `featured`, `star` |
+
+## Laluan SVG
+
+```
+M11.48 3.499a.562.562 0 011.04 0l2.125 5.111a.563.563 0 00.475.345l5.518.442c.563.045.797.77.364 1.154l-4.22 3.737a.563.563 0 00-.172.527l1.283 5.376c.15.628-.548 1.13-1.066.77l-4.654-3.192a.563.563 0 00-.636 0l-4.654 3.192c-.518.36-1.216-.142-1.066-.77l1.283-5.376a.563.563 0 00-.172-.527l-4.22-3.737c-.433-.384-.199-1.11.364-1.154l5.518-.442a.563.563 0 00.475-.345L11.48 3.5z
+```
+
+## SVG Mentah
+
+```html
+<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="M11.48 3.499a.562.562 0 011.04 0l2.125 5.111a.563.563 0 00.475.345l5.518.442c.563.045.797.77.364 1.154l-4.22 3.737a.563.563 0 00-.172.527l1.283 5.376c.15.628-.548 1.13-1.066.77l-4.654-3.192a.563.563 0 00-.636 0l-4.654 3.192c-.518.36-1.216-.142-1.066-.77l1.283-5.376a.563.563 0 00-.172-.527l-4.22-3.737c-.433-.384-.199-1.11.364-1.154l5.518-.442a.563.563 0 00.475-.345L11.48 3.5z"></path>
+</svg>
+```
+
+---
+
+[← Kembali ke Pustaka Ikon](/ms/icons/)

package/docs/ms/icons/stop-circle.md

@@ -0,0 +1,59 @@
+---
+title: Stop Circle
+---
+
+# Stop Circle
+
+<div style="display: flex; justify-content: center; padding: 2rem; background: var(--vp-c-bg-soft); border-radius: 8px; margin: 1rem 0;">
+<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M15 14 15 10Q15 9 14 9L10 9Q9 9 9 10L9 14Q9 15 10 15L14 15Q15 15 15 14M21 12a9 9 0 11-18 0 9 9 0 0118 0Z"></path></svg>
+</div>
+
+## Penggunaan
+
+```html
+<ss-icon name="stop-circle"></ss-icon>
+```
+
+### Dengan saiz tersuai
+
+```html
+<ss-icon name="stop-circle" size="32"></ss-icon>
+```
+
+### Dengan warna tersuai
+
+```html
+<ss-icon name="stop-circle" color="#3b82f6"></ss-icon>
+```
+
+### Dengan lebar garisan tersuai
+
+```html
+<ss-icon name="stop-circle" stroke="2"></ss-icon>
+```
+
+## Butiran Ikon
+
+| Ciri | Nilai |
+|------|-------|
+| **Nama** | Stop Circle |
+| **Slug** | `stop-circle` |
+| **Tag** | `stop`, `media`, `hold`, `player`, `stop-circle` |
+
+## Laluan SVG
+
+```
+M15 14 15 10Q15 9 14 9L10 9Q9 9 9 10L9 14Q9 15 10 15L14 15Q15 15 15 14M21 12a9 9 0 11-18 0 9 9 0 0118 0Z
+```
+
+## SVG Mentah
+
+```html
+<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="M15 14 15 10Q15 9 14 9L10 9Q9 9 9 10L9 14Q9 15 10 15L14 15Q15 15 15 14M21 12a9 9 0 11-18 0 9 9 0 0118 0Z"></path>
+</svg>
+```
+
+---
+
+[← Kembali ke Pustaka Ikon](/ms/icons/)

package/docs/ms/icons/stop.md

@@ -0,0 +1,59 @@
+---
+title: Stop
+---
+
+# Stop
+
+<div style="display: flex; justify-content: center; padding: 2rem; background: var(--vp-c-bg-soft); border-radius: 8px; margin: 1rem 0;">
+<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M4.5 7.5a3 3 0 013-3h9a3 3 0 013 3v9a3 3 0 01-3 3h-9a3 3 0 01-3-3v-9z"></path></svg>
+</div>
+
+## Penggunaan
+
+```html
+<ss-icon name="stop"></ss-icon>
+```
+
+### Dengan saiz tersuai
+
+```html
+<ss-icon name="stop" size="32"></ss-icon>
+```
+
+### Dengan warna tersuai
+
+```html
+<ss-icon name="stop" color="#3b82f6"></ss-icon>
+```
+
+### Dengan lebar garisan tersuai
+
+```html
+<ss-icon name="stop" stroke="2"></ss-icon>
+```
+
+## Butiran Ikon
+
+| Ciri | Nilai |
+|------|-------|
+| **Nama** | Stop |
+| **Slug** | `stop` |
+| **Tag** | `media`, `video`, `end`, `terminate`, `halt`, `stop` |
+
+## Laluan SVG
+
+```
+M4.5 7.5a3 3 0 013-3h9a3 3 0 013 3v9a3 3 0 01-3 3h-9a3 3 0 01-3-3v-9z
+```
+
+## SVG Mentah
+
+```html
+<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="M4.5 7.5a3 3 0 013-3h9a3 3 0 013 3v9a3 3 0 01-3 3h-9a3 3 0 01-3-3v-9z"></path>
+</svg>
+```
+
+---
+
+[← Kembali ke Pustaka Ikon](/ms/icons/)