@bookklik/senangstart-icons 1.0.7 → 1.0.11

package/docs/ms/icons/clipboard.md

@@ -0,0 +1,55 @@
+---
+title: Clipboard
+---
+
+# Clipboard
+
+<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.666 3.888A2.25 2.25 0 0 0 13.5 2.25h-3c-1.03 0-1.9.693-2.166 1.638m7.332 0c.055.194.084.4.084.612v0a.75.75 0 0 1-.75.75H9a.75.75 0 0 1-.75-.75v0c0-.212.03-.418.084-.612m7.332 0c.646.049 1.288.11 1.927.184 1.1.128 1.907 1.077 1.907 2.185V19.5a2.25 2.25 0 0 1-2.25 2.25H6.75A2.25 2.25 0 0 1 4.5 19.5V6.257c0-1.108.806-2.057 1.907-2.185a48.208 48.208 0 0 1 1.927-.184"></path></svg>
+</div>
+
+## Penggunaan
+
+### Dengan Komponen Web
+
+```html
+<ss-icon icon="clipboard"></ss-icon>
+```
+
+### Dengan tag ikon
+
+```html
+<i class="ss ss-clipboard"></i>    
+```
+
+### Dengan ketebalan garisan tersuai
+
+```html
+<ss-icon icon="clipboard" thickness="1.2"></ss-icon>
+```
+
+## Butiran Ikon
+
+| Ciri | Nilai |
+|------|-------|
+| **Nama** | Clipboard |
+| **Slug** | `clipboard` |
+| **Tag** | `copy`, `paste`, `board`, `notes`, `tasks`, `survey`, `clipboard`, `senangwebs`, `sw-jot` |
+
+## Laluan SVG
+
+```
+M15.666 3.888A2.25 2.25 0 0 0 13.5 2.25h-3c-1.03 0-1.9.693-2.166 1.638m7.332 0c.055.194.084.4.084.612v0a.75.75 0 0 1-.75.75H9a.75.75 0 0 1-.75-.75v0c0-.212.03-.418.084-.612m7.332 0c.646.049 1.288.11 1.927.184 1.1.128 1.907 1.077 1.907 2.185V19.5a2.25 2.25 0 0 1-2.25 2.25H6.75A2.25 2.25 0 0 1 4.5 19.5V6.257c0-1.108.806-2.057 1.907-2.185a48.208 48.208 0 0 1 1.927-.184
+```
+
+## 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.666 3.888A2.25 2.25 0 0 0 13.5 2.25h-3c-1.03 0-1.9.693-2.166 1.638m7.332 0c.055.194.084.4.084.612v0a.75.75 0 0 1-.75.75H9a.75.75 0 0 1-.75-.75v0c0-.212.03-.418.084-.612m7.332 0c.646.049 1.288.11 1.927.184 1.1.128 1.907 1.077 1.907 2.185V19.5a2.25 2.25 0 0 1-2.25 2.25H6.75A2.25 2.25 0 0 1 4.5 19.5V6.257c0-1.108.806-2.057 1.907-2.185a48.208 48.208 0 0 1 1.927-.184"></path>
+</svg>
+```
+
+---
+
+[← Kembali ke Pustaka Ikon](/ms/icons/)

package/docs/ms/icons/clock.md

@@ -0,0 +1,55 @@
+---
+title: Clock
+---
+
+# Clock
+
+<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="M12 6V12L16 12M21 12A9 9 0 113 12 9 9 0 0121 12Z"></path></svg>
+</div>
+
+## Penggunaan
+
+### Dengan Komponen Web
+
+```html
+<ss-icon icon="clock"></ss-icon>
+```
+
+### Dengan tag ikon
+
+```html
+<i class="ss ss-clock"></i>    
+```
+
+### Dengan ketebalan garisan tersuai
+
+```html
+<ss-icon icon="clock" thickness="1.2"></ss-icon>
+```
+
+## Butiran Ikon
+
+| Ciri | Nilai |
+|------|-------|
+| **Nama** | Clock |
+| **Slug** | `clock` |
+| **Tag** | `time`, `watch`, `schedule`, `duration`, `timer`, `clock`, `senangwebs`, `time`, `sw-epoch` |
+
+## Laluan SVG
+
+```
+M12 6V12L16 12M21 12A9 9 0 113 12 9 9 0 0121 12Z
+```
+
+## 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="M12 6V12L16 12M21 12A9 9 0 113 12 9 9 0 0121 12Z"></path>
+</svg>
+```
+
+---
+
+[← Kembali ke Pustaka Ikon](/ms/icons/)

package/docs/ms/icons/cloud.md

@@ -0,0 +1,55 @@
+---
+title: Cloud
+---
+
+# Cloud
+
+<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="M2.25 15a4.5 4.5 0 004.5 4.5H18a3.75 3.75 0 001.332-7.257 3 3 0 00-4.232-3.943 5.25 5.25 0 00-10.233 2.33A4.502 4.502 0 002.25 15z"></path></svg>
+</div>
+
+## Penggunaan
+
+### Dengan Komponen Web
+
+```html
+<ss-icon icon="cloud"></ss-icon>
+```
+
+### Dengan tag ikon
+
+```html
+<i class="ss ss-cloud"></i>    
+```
+
+### Dengan ketebalan garisan tersuai
+
+```html
+<ss-icon icon="cloud" thickness="1.2"></ss-icon>
+```
+
+## Butiran Ikon
+
+| Ciri | Nilai |
+|------|-------|
+| **Nama** | Cloud |
+| **Slug** | `cloud` |
+| **Tag** | `weather`, `sky`, `overcast`, `upload`, `server`, `cloud` |
+
+## Laluan SVG
+
+```
+M2.25 15a4.5 4.5 0 004.5 4.5H18a3.75 3.75 0 001.332-7.257 3 3 0 00-4.232-3.943 5.25 5.25 0 00-10.233 2.33A4.502 4.502 0 002.25 15z
+```
+
+## 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="M2.25 15a4.5 4.5 0 004.5 4.5H18a3.75 3.75 0 001.332-7.257 3 3 0 00-4.232-3.943 5.25 5.25 0 00-10.233 2.33A4.502 4.502 0 002.25 15z"></path>
+</svg>
+```
+
+---
+
+[← Kembali ke Pustaka Ikon](/ms/icons/)

package/docs/ms/icons/code.md

@@ -0,0 +1,55 @@
+---
+title: Code
+---
+
+# Code
+
+<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 6.75L22.5 12l-5.25 5.25M6.75 17.25L1.5 12l5.25-5.25M14.25 3.75l-4.5 16.5"></path></svg>
+</div>
+
+## Penggunaan
+
+### Dengan Komponen Web
+
+```html
+<ss-icon icon="code"></ss-icon>
+```
+
+### Dengan tag ikon
+
+```html
+<i class="ss ss-code"></i>    
+```
+
+### Dengan ketebalan garisan tersuai
+
+```html
+<ss-icon icon="code" thickness="1.2"></ss-icon>
+```
+
+## Butiran Ikon
+
+| Ciri | Nilai |
+|------|-------|
+| **Nama** | Code |
+| **Slug** | `code` |
+| **Tag** | `coding`, `programming`, `developer`, `syntax`, `script`, `dev`, `code` |
+
+## Laluan SVG
+
+```
+M17.25 6.75L22.5 12l-5.25 5.25M6.75 17.25L1.5 12l5.25-5.25M14.25 3.75l-4.5 16.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="M17.25 6.75L22.5 12l-5.25 5.25M6.75 17.25L1.5 12l5.25-5.25M14.25 3.75l-4.5 16.5"></path>
+</svg>
+```
+
+---
+
+[← Kembali ke Pustaka Ikon](/ms/icons/)

package/docs/ms/icons/cog-6-tooth.md

@@ -0,0 +1,55 @@
+---
+title: Cog 6 Tooth
+---
+
+# Cog 6 Tooth
+
+<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.90 5.32 L9.14 2.94 A9.5 9.5 0 0 1 14.86 2.94 L14.10 5.32 A7 7 0 0 1 16.73 6.84 L18.42 5.00 A9.5 9.5 0 0 1 21.27 9.94 L18.83 10.48 A7 7 0 0 1 18.83 13.52 L21.27 14.06 A9.5 9.5 0 0 1 18.42 19.00 L16.73 17.16 A7 7 0 0 1 14.10 18.68 L14.86 21.06 A9.5 9.5 0 0 1 9.14 21.06 L9.90 18.68 A7 7 0 0 1 7.27 17.16 L5.58 19.00 A9.5 9.5 0 0 1 2.73 14.06 L5.17 13.52 A7 7 0 0 1 5.17 10.48 L2.73 9.94 A9.5 9.5 0 0 1 5.58 5.00 L7.27 6.84 A7 7 0 0 1 9.90 5.32 Z M14.5 12 A2.5 2.5 0 1 0 9.5 12 A2.5 2.5 0 1 0 14.5 12 Z"></path></svg>
+</div>
+
+## Penggunaan
+
+### Dengan Komponen Web
+
+```html
+<ss-icon icon="cog-6-tooth"></ss-icon>
+```
+
+### Dengan tag ikon
+
+```html
+<i class="ss ss-cog-6-tooth"></i>    
+```
+
+### Dengan ketebalan garisan tersuai
+
+```html
+<ss-icon icon="cog-6-tooth" thickness="1.2"></ss-icon>
+```
+
+## Butiran Ikon
+
+| Ciri | Nilai |
+|------|-------|
+| **Nama** | Cog 6 Tooth |
+| **Slug** | `cog-6-tooth` |
+| **Tag** | `settings`, `gear`, `options`, `config`, `preferences`, `maintenance`, `system`, `mechanism`, `setup`, `cog-6-tooth` |
+
+## Laluan SVG
+
+```
+M9.90 5.32 L9.14 2.94 A9.5 9.5 0 0 1 14.86 2.94 L14.10 5.32 A7 7 0 0 1 16.73 6.84 L18.42 5.00 A9.5 9.5 0 0 1 21.27 9.94 L18.83 10.48 A7 7 0 0 1 18.83 13.52 L21.27 14.06 A9.5 9.5 0 0 1 18.42 19.00 L16.73 17.16 A7 7 0 0 1 14.10 18.68 L14.86 21.06 A9.5 9.5 0 0 1 9.14 21.06 L9.90 18.68 A7 7 0 0 1 7.27 17.16 L5.58 19.00 A9.5 9.5 0 0 1 2.73 14.06 L5.17 13.52 A7 7 0 0 1 5.17 10.48 L2.73 9.94 A9.5 9.5 0 0 1 5.58 5.00 L7.27 6.84 A7 7 0 0 1 9.90 5.32 Z M14.5 12 A2.5 2.5 0 1 0 9.5 12 A2.5 2.5 0 1 0 14.5 12 Z
+```
+
+## 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.90 5.32 L9.14 2.94 A9.5 9.5 0 0 1 14.86 2.94 L14.10 5.32 A7 7 0 0 1 16.73 6.84 L18.42 5.00 A9.5 9.5 0 0 1 21.27 9.94 L18.83 10.48 A7 7 0 0 1 18.83 13.52 L21.27 14.06 A9.5 9.5 0 0 1 18.42 19.00 L16.73 17.16 A7 7 0 0 1 14.10 18.68 L14.86 21.06 A9.5 9.5 0 0 1 9.14 21.06 L9.90 18.68 A7 7 0 0 1 7.27 17.16 L5.58 19.00 A9.5 9.5 0 0 1 2.73 14.06 L5.17 13.52 A7 7 0 0 1 5.17 10.48 L2.73 9.94 A9.5 9.5 0 0 1 5.58 5.00 L7.27 6.84 A7 7 0 0 1 9.90 5.32 Z M14.5 12 A2.5 2.5 0 1 0 9.5 12 A2.5 2.5 0 1 0 14.5 12 Z"></path>
+</svg>
+```
+
+---
+
+[← Kembali ke Pustaka Ikon](/ms/icons/)

package/docs/ms/icons/compress.md

@@ -0,0 +1,55 @@
+---
+title: Compress
+---
+
+# Compress
+
+<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 6l3 3 3-3m-3 3L12 2M18 15l-3-3 3-3m-3 3L22 12M15 18l-3-3-3 3m3-3L12 22m-6-13 3 3-3 3m3-3L2 12"></path></svg>
+</div>
+
+## Penggunaan
+
+### Dengan Komponen Web
+
+```html
+<ss-icon icon="compress"></ss-icon>
+```
+
+### Dengan tag ikon
+
+```html
+<i class="ss ss-compress"></i>    
+```
+
+### Dengan ketebalan garisan tersuai
+
+```html
+<ss-icon icon="compress" thickness="1.2"></ss-icon>
+```
+
+## Butiran Ikon
+
+| Ciri | Nilai |
+|------|-------|
+| **Nama** | Compress |
+| **Slug** | `compress` |
+| **Tag** | `compress`, `small`, `shrink`, `scale down`, `minimize` |
+
+## Laluan SVG
+
+```
+M9 6l3 3 3-3m-3 3L12 2M18 15l-3-3 3-3m-3 3L22 12M15 18l-3-3-3 3m3-3L12 22m-6-13 3 3-3 3m3-3L2 12
+```
+
+## 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 6l3 3 3-3m-3 3L12 2M18 15l-3-3 3-3m-3 3L22 12M15 18l-3-3-3 3m3-3L12 22m-6-13 3 3-3 3m3-3L2 12"></path>
+</svg>
+```
+
+---
+
+[← Kembali ke Pustaka Ikon](/ms/icons/)

package/docs/ms/icons/computer-code.md

@@ -0,0 +1,55 @@
+---
+title: Computer Code
+---
+
+# Computer Code
+
+<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="M 2.25 15 h 19.5 v 1.5 a 2.25 2.25 0 0 1 -2.25 2.25 h -15 A 2.25 2.25 0 0 1 2.25 16.5 V 15 Z m 2.25 0 V 6.75 A 2.25 2.25 0 0 1 6.75 4.5 h 10.5 a 2.25 2.25 0 0 1 2.25 2.25 V 15 M 10 8 L 8 10 l 2 2 m 4 -4 l 2 2 l -2 2"></path></svg>
+</div>
+
+## Penggunaan
+
+### Dengan Komponen Web
+
+```html
+<ss-icon icon="computer-code"></ss-icon>
+```
+
+### Dengan tag ikon
+
+```html
+<i class="ss ss-computer-code"></i>    
+```
+
+### Dengan ketebalan garisan tersuai
+
+```html
+<ss-icon icon="computer-code" thickness="1.2"></ss-icon>
+```
+
+## Butiran Ikon
+
+| Ciri | Nilai |
+|------|-------|
+| **Nama** | Computer Code |
+| **Slug** | `computer-code` |
+| **Tag** | `develop`, `program`, `syntax`, `developer`, `screen`, `computer-code`, `senangwebs`, `code`, `sw-one` |
+
+## Laluan SVG
+
+```
+M 2.25 15 h 19.5 v 1.5 a 2.25 2.25 0 0 1 -2.25 2.25 h -15 A 2.25 2.25 0 0 1 2.25 16.5 V 15 Z m 2.25 0 V 6.75 A 2.25 2.25 0 0 1 6.75 4.5 h 10.5 a 2.25 2.25 0 0 1 2.25 2.25 V 15 M 10 8 L 8 10 l 2 2 m 4 -4 l 2 2 l -2 2
+```
+
+## 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="M 2.25 15 h 19.5 v 1.5 a 2.25 2.25 0 0 1 -2.25 2.25 h -15 A 2.25 2.25 0 0 1 2.25 16.5 V 15 Z m 2.25 0 V 6.75 A 2.25 2.25 0 0 1 6.75 4.5 h 10.5 a 2.25 2.25 0 0 1 2.25 2.25 V 15 M 10 8 L 8 10 l 2 2 m 4 -4 l 2 2 l -2 2"></path>
+</svg>
+```
+
+---
+
+[← Kembali ke Pustaka Ikon](/ms/icons/)

package/docs/ms/icons/computer-desktop.md

@@ -0,0 +1,55 @@
+---
+title: Computer Desktop
+---
+
+# Computer Desktop
+
+<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 17.25v1.007a3 3 0 01-.879 2.122L7.5 21h9l-.621-.621A3 3 0 0115 18.257V17.25m6-12V15a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 15V5.25m18 0A2.25 2.25 0 0018.75 3H5.25A2.25 2.25 0 003 5.25m18 0V12a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 12V5.25"></path></svg>
+</div>
+
+## Penggunaan
+
+### Dengan Komponen Web
+
+```html
+<ss-icon icon="computer-desktop"></ss-icon>
+```
+
+### Dengan tag ikon
+
+```html
+<i class="ss ss-computer-desktop"></i>    
+```
+
+### Dengan ketebalan garisan tersuai
+
+```html
+<ss-icon icon="computer-desktop" thickness="1.2"></ss-icon>
+```
+
+## Butiran Ikon
+
+| Ciri | Nilai |
+|------|-------|
+| **Nama** | Computer Desktop |
+| **Slug** | `computer-desktop` |
+| **Tag** | `monitor`, `screen`, `pc`, `imac`, `display`, `workstation`, `computer-desktop` |
+
+## Laluan SVG
+
+```
+M9 17.25v1.007a3 3 0 01-.879 2.122L7.5 21h9l-.621-.621A3 3 0 0115 18.257V17.25m6-12V15a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 15V5.25m18 0A2.25 2.25 0 0018.75 3H5.25A2.25 2.25 0 003 5.25m18 0V12a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 12V5.25
+```
+
+## 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 17.25v1.007a3 3 0 01-.879 2.122L7.5 21h9l-.621-.621A3 3 0 0115 18.257V17.25m6-12V15a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 15V5.25m18 0A2.25 2.25 0 0018.75 3H5.25A2.25 2.25 0 003 5.25m18 0V12a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 12V5.25"></path>
+</svg>
+```
+
+---
+
+[← Kembali ke Pustaka Ikon](/ms/icons/)

package/docs/ms/icons/computer-laptop.md

@@ -0,0 +1,55 @@
+---
+title: Computer Laptop
+---
+
+# Computer Laptop
+
+<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="M 2.25 15 h 19.5 v 1.5 a 2.25 2.25 0 0 1 -2.25 2.25 h -15 A 2.25 2.25 0 0 1 2.25 16.5 V 15 Z m 2.25 0 V 6.75 A 2.25 2.25 0 0 1 6.75 4.5 h 10.5 a 2.25 2.25 0 0 1 2.25 2.25 V 15"></path></svg>
+</div>
+
+## Penggunaan
+
+### Dengan Komponen Web
+
+```html
+<ss-icon icon="computer-laptop"></ss-icon>
+```
+
+### Dengan tag ikon
+
+```html
+<i class="ss ss-computer-laptop"></i>    
+```
+
+### Dengan ketebalan garisan tersuai
+
+```html
+<ss-icon icon="computer-laptop" thickness="1.2"></ss-icon>
+```
+
+## Butiran Ikon
+
+| Ciri | Nilai |
+|------|-------|
+| **Nama** | Computer Laptop |
+| **Slug** | `computer-laptop` |
+| **Tag** | `device`, `macbook`, `pc`, `tech`, `screen`, `computer-laptop` |
+
+## Laluan SVG
+
+```
+M 2.25 15 h 19.5 v 1.5 a 2.25 2.25 0 0 1 -2.25 2.25 h -15 A 2.25 2.25 0 0 1 2.25 16.5 V 15 Z m 2.25 0 V 6.75 A 2.25 2.25 0 0 1 6.75 4.5 h 10.5 a 2.25 2.25 0 0 1 2.25 2.25 V 15
+```
+
+## 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="M 2.25 15 h 19.5 v 1.5 a 2.25 2.25 0 0 1 -2.25 2.25 h -15 A 2.25 2.25 0 0 1 2.25 16.5 V 15 Z m 2.25 0 V 6.75 A 2.25 2.25 0 0 1 6.75 4.5 h 10.5 a 2.25 2.25 0 0 1 2.25 2.25 V 15"></path>
+</svg>
+```
+
+---
+
+[← Kembali ke Pustaka Ikon](/ms/icons/)

package/docs/ms/icons/cone.md

@@ -0,0 +1,55 @@
+---
+title: Cone
+---
+
+# Cone
+
+<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 19c0 1-3 3-9 3s-9-2-9-3c0-1 3-3 9-3s9 2 9 3zM3 19 12 3l9 16"></path></svg>
+</div>
+
+## Penggunaan
+
+### Dengan Komponen Web
+
+```html
+<ss-icon icon="cone"></ss-icon>
+```
+
+### Dengan tag ikon
+
+```html
+<i class="ss ss-cone"></i>    
+```
+
+### Dengan ketebalan garisan tersuai
+
+```html
+<ss-icon icon="cone" thickness="1.2"></ss-icon>
+```
+
+## Butiran Ikon
+
+| Ciri | Nilai |
+|------|-------|
+| **Nama** | Cone |
+| **Slug** | `cone` |
+| **Tag** | `shape`, `triangle`, `3d`, `geometry`, `pointed`, `cone` |
+
+## Laluan SVG
+
+```
+M21 19c0 1-3 3-9 3s-9-2-9-3c0-1 3-3 9-3s9 2 9 3zM3 19 12 3l9 16
+```
+
+## 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 19c0 1-3 3-9 3s-9-2-9-3c0-1 3-3 9-3s9 2 9 3zM3 19 12 3l9 16"></path>
+</svg>
+```
+
+---
+
+[← Kembali ke Pustaka Ikon](/ms/icons/)

package/docs/ms/icons/console.md

@@ -0,0 +1,55 @@
+---
+title: Console
+---
+
+# Console
+
+<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="M2.25 6A2.25 2.25 0 014.5 3.75h15A2.25 2.25 0 0121.75 6v12a2.25 2.25 0 01-2.25 2.25h-15A2.25 2.25 0 012.25 18V6zM7 9l3 3-3 3M12 15h5"></path></svg>
+</div>
+
+## Penggunaan
+
+### Dengan Komponen Web
+
+```html
+<ss-icon icon="console"></ss-icon>
+```
+
+### Dengan tag ikon
+
+```html
+<i class="ss ss-console"></i>    
+```
+
+### Dengan ketebalan garisan tersuai
+
+```html
+<ss-icon icon="console" thickness="1.2"></ss-icon>
+```
+
+## Butiran Ikon
+
+| Ciri | Nilai |
+|------|-------|
+| **Nama** | Console |
+| **Slug** | `console` |
+| **Tag** | `terminal`, `cli`, `command`, `prompt`, `system`, `admin`, `console` |
+
+## Laluan SVG
+
+```
+M2.25 6A2.25 2.25 0 014.5 3.75h15A2.25 2.25 0 0121.75 6v12a2.25 2.25 0 01-2.25 2.25h-15A2.25 2.25 0 012.25 18V6zM7 9l3 3-3 3M12 15h5
+```
+
+## 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="M2.25 6A2.25 2.25 0 014.5 3.75h15A2.25 2.25 0 0121.75 6v12a2.25 2.25 0 01-2.25 2.25h-15A2.25 2.25 0 012.25 18V6zM7 9l3 3-3 3M12 15h5"></path>
+</svg>
+```
+
+---
+
+[← Kembali ke Pustaka Ikon](/ms/icons/)

package/docs/ms/icons/container.md

@@ -0,0 +1,55 @@
+---
+title: Container
+---
+
+# Container
+
+<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 3h12M6 21h12M18 8v8a2 2 0 01-2 2H8a2 2 0 01-2-2V8a2 2 0 012-2h8a2 2 0 012 2ZM3 6 3 18M21 6 21 18"></path></svg>
+</div>
+
+## Penggunaan
+
+### Dengan Komponen Web
+
+```html
+<ss-icon icon="container"></ss-icon>
+```
+
+### Dengan tag ikon
+
+```html
+<i class="ss ss-container"></i>    
+```
+
+### Dengan ketebalan garisan tersuai
+
+```html
+<ss-icon icon="container" thickness="1.2"></ss-icon>
+```
+
+## Butiran Ikon
+
+| Ciri | Nilai |
+|------|-------|
+| **Nama** | Container |
+| **Slug** | `container` |
+| **Tag** | `container`, `box`, `center`, `layout`, `design` |
+
+## Laluan SVG
+
+```
+M6 3h12M6 21h12M18 8v8a2 2 0 01-2 2H8a2 2 0 01-2-2V8a2 2 0 012-2h8a2 2 0 012 2ZM3 6 3 18M21 6 21 18
+```
+
+## 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 3h12M6 21h12M18 8v8a2 2 0 01-2 2H8a2 2 0 01-2-2V8a2 2 0 012-2h8a2 2 0 012 2ZM3 6 3 18M21 6 21 18"></path>
+</svg>
+```
+
+---
+
+[← Kembali ke Pustaka Ikon](/ms/icons/)