@bookklik/senangstart-icons 1.0.7 → 1.0.11

package/docs/ms/icons/polygon.md

@@ -0,0 +1,55 @@
+---
+title: Polygon
+---
+
+# Polygon
+
+<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="M8 3l8 0L22 7 16 11 8 11 2 7 8 3M22 7v10M2 7v10M16 11v10M8 11v10M2 17l6 4L16 21 22 17"></path></svg>
+</div>
+
+## Penggunaan
+
+### Dengan Komponen Web
+
+```html
+<ss-icon icon="polygon"></ss-icon>
+```
+
+### Dengan tag ikon
+
+```html
+<i class="ss ss-polygon"></i>    
+```
+
+### Dengan ketebalan garisan tersuai
+
+```html
+<ss-icon icon="polygon" thickness="1.2"></ss-icon>
+```
+
+## Butiran Ikon
+
+| Ciri | Nilai |
+|------|-------|
+| **Nama** | Polygon |
+| **Slug** | `polygon` |
+| **Tag** | `shape`, `polygon`, `3d`, `mesh`, `geometry`, `hexagon`, `polygon` |
+
+## Laluan SVG
+
+```
+M8 3l8 0L22 7 16 11 8 11 2 7 8 3M22 7v10M2 7v10M16 11v10M8 11v10M2 17l6 4L16 21 22 17
+```
+
+## 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="M8 3l8 0L22 7 16 11 8 11 2 7 8 3M22 7v10M2 7v10M16 11v10M8 11v10M2 17l6 4L16 21 22 17"></path>
+</svg>
+```
+
+---
+
+[← Kembali ke Pustaka Ikon](/ms/icons/)

package/docs/ms/icons/presentation-chart-line.md

@@ -0,0 +1,55 @@
+---
+title: Presentation Chart Line
+---
+
+# Presentation Chart Line
+
+<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.75 3v11.25A2.25 2.25 0 006 16.5h2.25M3.75 3h-1.5m1.5 0h16.5m0 0h1.5m-1.5 0v11.25A2.25 2.25 0 0118 16.5h-2.25m-7.5 0h7.5m-7.5 0l-1 3m8.5-3l1 3m0 0l.5 1.5m-.5-1.5h-9.5m0 0l-.5 1.5m.75-9 3-3 2.148 2.148A12.061 12.061 0 0116.5 7.605"></path></svg>
+</div>
+
+## Penggunaan
+
+### Dengan Komponen Web
+
+```html
+<ss-icon icon="presentation-chart-line"></ss-icon>
+```
+
+### Dengan tag ikon
+
+```html
+<i class="ss ss-presentation-chart-line"></i>    
+```
+
+### Dengan ketebalan garisan tersuai
+
+```html
+<ss-icon icon="presentation-chart-line" thickness="1.2"></ss-icon>
+```
+
+## Butiran Ikon
+
+| Ciri | Nilai |
+|------|-------|
+| **Nama** | Presentation Chart Line |
+| **Slug** | `presentation-chart-line` |
+| **Tag** | `analytics`, `graph`, `stats`, `report`, `data`, `trends`, `presentation-chart-line` |
+
+## Laluan SVG
+
+```
+M3.75 3v11.25A2.25 2.25 0 006 16.5h2.25M3.75 3h-1.5m1.5 0h16.5m0 0h1.5m-1.5 0v11.25A2.25 2.25 0 0118 16.5h-2.25m-7.5 0h7.5m-7.5 0l-1 3m8.5-3l1 3m0 0l.5 1.5m-.5-1.5h-9.5m0 0l-.5 1.5m.75-9 3-3 2.148 2.148A12.061 12.061 0 0116.5 7.605
+```
+
+## 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.75 3v11.25A2.25 2.25 0 006 16.5h2.25M3.75 3h-1.5m1.5 0h16.5m0 0h1.5m-1.5 0v11.25A2.25 2.25 0 0118 16.5h-2.25m-7.5 0h7.5m-7.5 0l-1 3m8.5-3l1 3m0 0l.5 1.5m-.5-1.5h-9.5m0 0l-.5 1.5m.75-9 3-3 2.148 2.148A12.061 12.061 0 0116.5 7.605"></path>
+</svg>
+```
+
+---
+
+[← Kembali ke Pustaka Ikon](/ms/icons/)

package/docs/ms/icons/presentation-media.md

@@ -0,0 +1,55 @@
+---
+title: Presentation Media
+---
+
+# Presentation Media
+
+<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 3.75 3 v 11.25 A 2.25 2.25 0 0 0 6 16.5 h 2.25 M 3.75 3 h -1.5 m 1.5 0 h 16.5 m 0 0 h 1.5 m -1.5 0 v 11.25 A 2.25 2.25 0 0 1 18 16.5 h -2.25 m -7.5 0 h 7.5 m -7.5 0 l -1 3 m 8.5 -3 l 1 3 m 0 0 l 0.5 1.5 m -0.5 -1.5 h -9.5 m 0 0 l -0.5 1.5 M 10 7 l 5.005 2.487 l -5.005 2.513 z"></path></svg>
+</div>
+
+## Penggunaan
+
+### Dengan Komponen Web
+
+```html
+<ss-icon icon="presentation-media"></ss-icon>
+```
+
+### Dengan tag ikon
+
+```html
+<i class="ss ss-presentation-media"></i>    
+```
+
+### Dengan ketebalan garisan tersuai
+
+```html
+<ss-icon icon="presentation-media" thickness="1.2"></ss-icon>
+```
+
+## Butiran Ikon
+
+| Ciri | Nilai |
+|------|-------|
+| **Nama** | Presentation Media |
+| **Slug** | `presentation-media` |
+| **Tag** | `analytics`, `graph`, `screen`, `slide`, `projection`, `presentation-media`, `senangwebs`, `presentation`, `sw-deck` |
+
+## Laluan SVG
+
+```
+M 3.75 3 v 11.25 A 2.25 2.25 0 0 0 6 16.5 h 2.25 M 3.75 3 h -1.5 m 1.5 0 h 16.5 m 0 0 h 1.5 m -1.5 0 v 11.25 A 2.25 2.25 0 0 1 18 16.5 h -2.25 m -7.5 0 h 7.5 m -7.5 0 l -1 3 m 8.5 -3 l 1 3 m 0 0 l 0.5 1.5 m -0.5 -1.5 h -9.5 m 0 0 l -0.5 1.5 M 10 7 l 5.005 2.487 l -5.005 2.513 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="M 3.75 3 v 11.25 A 2.25 2.25 0 0 0 6 16.5 h 2.25 M 3.75 3 h -1.5 m 1.5 0 h 16.5 m 0 0 h 1.5 m -1.5 0 v 11.25 A 2.25 2.25 0 0 1 18 16.5 h -2.25 m -7.5 0 h 7.5 m -7.5 0 l -1 3 m 8.5 -3 l 1 3 m 0 0 l 0.5 1.5 m -0.5 -1.5 h -9.5 m 0 0 l -0.5 1.5 M 10 7 l 5.005 2.487 l -5.005 2.513 z"></path>
+</svg>
+```
+
+---
+
+[← Kembali ke Pustaka Ikon](/ms/icons/)

package/docs/ms/icons/pyramid.md

@@ -0,0 +1,55 @@
+---
+title: Pyramid
+---
+
+# Pyramid
+
+<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 3l9.75 15-9.75 3-9.75-3L12 3z M12 3v18"></path></svg>
+</div>
+
+## Penggunaan
+
+### Dengan Komponen Web
+
+```html
+<ss-icon icon="pyramid"></ss-icon>
+```
+
+### Dengan tag ikon
+
+```html
+<i class="ss ss-pyramid"></i>    
+```
+
+### Dengan ketebalan garisan tersuai
+
+```html
+<ss-icon icon="pyramid" thickness="1.2"></ss-icon>
+```
+
+## Butiran Ikon
+
+| Ciri | Nilai |
+|------|-------|
+| **Nama** | Pyramid |
+| **Slug** | `pyramid` |
+| **Tag** | `shape`, `triangle`, `3d`, `geometry`, `egypt`, `pyramid` |
+
+## Laluan SVG
+
+```
+M12 3l9.75 15-9.75 3-9.75-3L12 3z M12 3v18
+```
+
+## 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 3l9.75 15-9.75 3-9.75-3L12 3z M12 3v18"></path>
+</svg>
+```
+
+---
+
+[← Kembali ke Pustaka Ikon](/ms/icons/)

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

@@ -0,0 +1,55 @@
+---
+title: Qr Code
+---
+
+# Qr 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="M4 3h3a1 1 0 011 1v3a1 1 0 01-1 1h-3a1 1 0 01-1-1v-3a1 1 0 011-1zM17 3h3a1 1 0 011 1v3a1 1 0 01-1 1h-3a1 1 0 01-1-1v-3a1 1 0 011-1zM4 16h3a1 1 0 011 1v3a1 1 0 01-1 1h-3a1 1 0 01-1-1v-3a1 1 0 011-1zM20 16h-2a2 2 0 00-2 2v2M12 8v2a2 2 0 01-2 2H8M4 12h0M12 4h0M16 12h5M12 21v-5"></path></svg>
+</div>
+
+## Penggunaan
+
+### Dengan Komponen Web
+
+```html
+<ss-icon icon="qr-code"></ss-icon>
+```
+
+### Dengan tag ikon
+
+```html
+<i class="ss ss-qr-code"></i>    
+```
+
+### Dengan ketebalan garisan tersuai
+
+```html
+<ss-icon icon="qr-code" thickness="1.2"></ss-icon>
+```
+
+## Butiran Ikon
+
+| Ciri | Nilai |
+|------|-------|
+| **Nama** | Qr Code |
+| **Slug** | `qr-code` |
+| **Tag** | `scan`, `code`, `link`, `barcode`, `reader`, `qr-code` |
+
+## Laluan SVG
+
+```
+M4 3h3a1 1 0 011 1v3a1 1 0 01-1 1h-3a1 1 0 01-1-1v-3a1 1 0 011-1zM17 3h3a1 1 0 011 1v3a1 1 0 01-1 1h-3a1 1 0 01-1-1v-3a1 1 0 011-1zM4 16h3a1 1 0 011 1v3a1 1 0 01-1 1h-3a1 1 0 01-1-1v-3a1 1 0 011-1zM20 16h-2a2 2 0 00-2 2v2M12 8v2a2 2 0 01-2 2H8M4 12h0M12 4h0M16 12h5M12 21v-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="M4 3h3a1 1 0 011 1v3a1 1 0 01-1 1h-3a1 1 0 01-1-1v-3a1 1 0 011-1zM17 3h3a1 1 0 011 1v3a1 1 0 01-1 1h-3a1 1 0 01-1-1v-3a1 1 0 011-1zM4 16h3a1 1 0 011 1v3a1 1 0 01-1 1h-3a1 1 0 01-1-1v-3a1 1 0 011-1zM20 16h-2a2 2 0 00-2 2v2M12 8v2a2 2 0 01-2 2H8M4 12h0M12 4h0M16 12h5M12 21v-5"></path>
+</svg>
+```
+
+---
+
+[← Kembali ke Pustaka Ikon](/ms/icons/)

package/docs/ms/icons/question-mark-circle.md

@@ -0,0 +1,55 @@
+---
+title: Question Mark Circle
+---
+
+# Question Mark 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="M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9 5.25h.008v.008H12v-.008z"></path></svg>
+</div>
+
+## Penggunaan
+
+### Dengan Komponen Web
+
+```html
+<ss-icon icon="question-mark-circle"></ss-icon>
+```
+
+### Dengan tag ikon
+
+```html
+<i class="ss ss-question-mark-circle"></i>    
+```
+
+### Dengan ketebalan garisan tersuai
+
+```html
+<ss-icon icon="question-mark-circle" thickness="1.2"></ss-icon>
+```
+
+## Butiran Ikon
+
+| Ciri | Nilai |
+|------|-------|
+| **Nama** | Question Mark Circle |
+| **Slug** | `question-mark-circle` |
+| **Tag** | `help`, `faq`, `support`, `unknown`, `query`, `question-mark-circle`, `senangwebs`, `question`, `sw-quiz` |
+
+## Laluan SVG
+
+```
+M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9 5.25h.008v.008H12v-.008z
+```
+
+## 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.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9 5.25h.008v.008H12v-.008z"></path>
+</svg>
+```
+
+---
+
+[← Kembali ke Pustaka Ikon](/ms/icons/)

package/docs/ms/icons/rectangle.md

@@ -0,0 +1,55 @@
+---
+title: Rectangle
+---
+
+# Rectangle
+
+<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 5h18v14H3z"></path></svg>
+</div>
+
+## Penggunaan
+
+### Dengan Komponen Web
+
+```html
+<ss-icon icon="rectangle"></ss-icon>
+```
+
+### Dengan tag ikon
+
+```html
+<i class="ss ss-rectangle"></i>    
+```
+
+### Dengan ketebalan garisan tersuai
+
+```html
+<ss-icon icon="rectangle" thickness="1.2"></ss-icon>
+```
+
+## Butiran Ikon
+
+| Ciri | Nilai |
+|------|-------|
+| **Nama** | Rectangle |
+| **Slug** | `rectangle` |
+| **Tag** | `shape`, `box`, `card`, `geometry`, `rectangle` |
+
+## Laluan SVG
+
+```
+M3 5h18v14H3z
+```
+
+## 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 5h18v14H3z"></path>
+</svg>
+```
+
+---
+
+[← Kembali ke Pustaka Ikon](/ms/icons/)

package/docs/ms/icons/reel.md

@@ -0,0 +1,55 @@
+---
+title: Reel
+---
+
+# Reel
+
+<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 21h12M19 8v8a2 2 0 01-2 2H7a2 2 0 01-2-2V8a2 2 0 012-2h10a2 2 0 012 2Z"></path></svg>
+</div>
+
+## Penggunaan
+
+### Dengan Komponen Web
+
+```html
+<ss-icon icon="reel"></ss-icon>
+```
+
+### Dengan tag ikon
+
+```html
+<i class="ss ss-reel"></i>    
+```
+
+### Dengan ketebalan garisan tersuai
+
+```html
+<ss-icon icon="reel" thickness="1.2"></ss-icon>
+```
+
+## Butiran Ikon
+
+| Ciri | Nilai |
+|------|-------|
+| **Nama** | Reel |
+| **Slug** | `reel` |
+| **Tag** | `video`, `movie`, `film`, `tape`, `cinema`, `reel`, `senangwebs`, `sw-reel` |
+
+## Laluan SVG
+
+```
+M6 3h12M6 21h12M19 8v8a2 2 0 01-2 2H7a2 2 0 01-2-2V8a2 2 0 012-2h10a2 2 0 012 2Z
+```
+
+## 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 21h12M19 8v8a2 2 0 01-2 2H7a2 2 0 01-2-2V8a2 2 0 012-2h10a2 2 0 012 2Z"></path>
+</svg>
+```
+
+---
+
+[← Kembali ke Pustaka Ikon](/ms/icons/)

package/docs/ms/icons/robot.md

@@ -0,0 +1,55 @@
+---
+title: Robot
+---
+
+# Robot
+
+<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 6h12a2.25 2.25 0 0 1 2.25 2.25v7.5A2.25 2.25 0 0 1 18 18H6a2.25 2.25 0 0 1-2.25-2.25v-7.5A2.25 2.25 0 0 1 6 6zM12 3v3M9 3h6M8.25 12a.75.75 0 1 1 0-1.5.75.75 0 0 1 0 1.5zM15.75 12a.75.75 0 1 1 0-1.5.75.75 0 0 1 0 1.5zM9 15h6M7.5 18v3M16.5 18v3"></path></svg>
+</div>
+
+## Penggunaan
+
+### Dengan Komponen Web
+
+```html
+<ss-icon icon="robot"></ss-icon>
+```
+
+### Dengan tag ikon
+
+```html
+<i class="ss ss-robot"></i>    
+```
+
+### Dengan ketebalan garisan tersuai
+
+```html
+<ss-icon icon="robot" thickness="1.2"></ss-icon>
+```
+
+## Butiran Ikon
+
+| Ciri | Nilai |
+|------|-------|
+| **Nama** | Robot |
+| **Slug** | `robot` |
+| **Tag** | `bot`, `ai`, `automation`, `toy`, `android`, `machine`, `robot` |
+
+## Laluan SVG
+
+```
+M6 6h12a2.25 2.25 0 0 1 2.25 2.25v7.5A2.25 2.25 0 0 1 18 18H6a2.25 2.25 0 0 1-2.25-2.25v-7.5A2.25 2.25 0 0 1 6 6zM12 3v3M9 3h6M8.25 12a.75.75 0 1 1 0-1.5.75.75 0 0 1 0 1.5zM15.75 12a.75.75 0 1 1 0-1.5.75.75 0 0 1 0 1.5zM9 15h6M7.5 18v3M16.5 18v3
+```
+
+## 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 6h12a2.25 2.25 0 0 1 2.25 2.25v7.5A2.25 2.25 0 0 1 18 18H6a2.25 2.25 0 0 1-2.25-2.25v-7.5A2.25 2.25 0 0 1 6 6zM12 3v3M9 3h6M8.25 12a.75.75 0 1 1 0-1.5.75.75 0 0 1 0 1.5zM15.75 12a.75.75 0 1 1 0-1.5.75.75 0 0 1 0 1.5zM9 15h6M7.5 18v3M16.5 18v3"></path>
+</svg>
+```
+
+---
+
+[← Kembali ke Pustaka Ikon](/ms/icons/)

package/docs/ms/icons/roof.md

@@ -0,0 +1,55 @@
+---
+title: Roof
+---
+
+# Roof
+
+<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="M10 7 3 19h14L10 7zM10 7 14 5 21 17 17 19"></path></svg>
+</div>
+
+## Penggunaan
+
+### Dengan Komponen Web
+
+```html
+<ss-icon icon="roof"></ss-icon>
+```
+
+### Dengan tag ikon
+
+```html
+<i class="ss ss-roof"></i>    
+```
+
+### Dengan ketebalan garisan tersuai
+
+```html
+<ss-icon icon="roof" thickness="1.2"></ss-icon>
+```
+
+## Butiran Ikon
+
+| Ciri | Nilai |
+|------|-------|
+| **Nama** | Roof |
+| **Slug** | `roof` |
+| **Tag** | `shape`, `prism`, `3d`, `house`, `top`, `shelter`, `roof` |
+
+## Laluan SVG
+
+```
+M10 7 3 19h14L10 7zM10 7 14 5 21 17 17 19
+```
+
+## 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="M10 7 3 19h14L10 7zM10 7 14 5 21 17 17 19"></path>
+</svg>
+```
+
+---
+
+[← Kembali ke Pustaka Ikon](/ms/icons/)

package/docs/ms/icons/rotate-add.md

@@ -0,0 +1,55 @@
+---
+title: Rotate Add
+---
+
+# Rotate Add
+
+<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="M20.25 12a8.25 8.25 0 11-8.25-8.25c2.3 0 4.5 1 6 2.5L20.25 8.5m0-4.5v4.5h-4.5m-6.75 3.5L15 12m-3 3L12 9"></path></svg>
+</div>
+
+## Penggunaan
+
+### Dengan Komponen Web
+
+```html
+<ss-icon icon="rotate-add"></ss-icon>
+```
+
+### Dengan tag ikon
+
+```html
+<i class="ss ss-rotate-add"></i>    
+```
+
+### Dengan ketebalan garisan tersuai
+
+```html
+<ss-icon icon="rotate-add" thickness="1.2"></ss-icon>
+```
+
+## Butiran Ikon
+
+| Ciri | Nilai |
+|------|-------|
+| **Nama** | Rotate Add |
+| **Slug** | `rotate-add` |
+| **Tag** | `rotate`, `arrow-rotate-add` |
+
+## Laluan SVG
+
+```
+M20.25 12a8.25 8.25 0 11-8.25-8.25c2.3 0 4.5 1 6 2.5L20.25 8.5m0-4.5v4.5h-4.5m-6.75 3.5L15 12m-3 3L12 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="M20.25 12a8.25 8.25 0 11-8.25-8.25c2.3 0 4.5 1 6 2.5L20.25 8.5m0-4.5v4.5h-4.5m-6.75 3.5L15 12m-3 3L12 9"></path>
+</svg>
+```
+
+---
+
+[← Kembali ke Pustaka Ikon](/ms/icons/)

package/docs/ms/icons/rotate-minus.md

@@ -0,0 +1,55 @@
+---
+title: Rotate Minus
+---
+
+# Rotate Minus
+
+<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.75 12a8.25 8.25 0 108.25-8.25c-2.3 0-4.5 1-6 2.5L3.75 8.5m0-4.5v4.5h4.5m.75 3.5L15 12"></path></svg>
+</div>
+
+## Penggunaan
+
+### Dengan Komponen Web
+
+```html
+<ss-icon icon="rotate-minus"></ss-icon>
+```
+
+### Dengan tag ikon
+
+```html
+<i class="ss ss-rotate-minus"></i>    
+```
+
+### Dengan ketebalan garisan tersuai
+
+```html
+<ss-icon icon="rotate-minus" thickness="1.2"></ss-icon>
+```
+
+## Butiran Ikon
+
+| Ciri | Nilai |
+|------|-------|
+| **Nama** | Rotate Minus |
+| **Slug** | `rotate-minus` |
+| **Tag** | `rotate`, `rotate-minus` |
+
+## Laluan SVG
+
+```
+M3.75 12a8.25 8.25 0 108.25-8.25c-2.3 0-4.5 1-6 2.5L3.75 8.5m0-4.5v4.5h4.5m.75 3.5L15 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="M3.75 12a8.25 8.25 0 108.25-8.25c-2.3 0-4.5 1-6 2.5L3.75 8.5m0-4.5v4.5h4.5m.75 3.5L15 12"></path>
+</svg>
+```
+
+---
+
+[← Kembali ke Pustaka Ikon](/ms/icons/)