@bookklik/senangstart-icons 1.0.7 → 1.0.11

package/docs/icons/save.md

@@ -0,0 +1,55 @@
+---
+title: Save
+---
+
+# Save
+
+<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 21A2.25 2.25 0 0021 19V7L17 3H5A2.25 2.25 0 003 5V19A2.25 2.25 0 005 21H17ZM12 18A3.75 3.75 0 1012 10.25 3.75 3.75 0 0012 18ZM7 3H13V7H7V5.8Z"></path></svg>
+</div>
+
+## Usage
+
+### With Web Components
+
+```html
+<ss-icon icon="save"></ss-icon>
+```
+
+### With icon tag
+
+```html
+<i class="ss ss-save"></i>    
+```
+
+### With custom stroke width / thickness
+
+```html
+<ss-icon icon="save" thickness="1.2"></ss-icon>
+```
+
+## Icon Details
+
+| Property | Value |
+|----------|-------|
+| **Name** | Save |
+| **Slug** | `save` |
+| **Tags** | `disk`, `floppy`, `store`, `keep`, `record`, `save` |
+
+## SVG Path
+
+```
+M19 21A2.25 2.25 0 0021 19V7L17 3H5A2.25 2.25 0 003 5V19A2.25 2.25 0 005 21H17ZM12 18A3.75 3.75 0 1012 10.25 3.75 3.75 0 0012 18ZM7 3H13V7H7V5.8Z
+```
+
+## Raw SVG
+
+```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 21A2.25 2.25 0 0021 19V7L17 3H5A2.25 2.25 0 003 5V19A2.25 2.25 0 005 21H17ZM12 18A3.75 3.75 0 1012 10.25 3.75 3.75 0 0012 18ZM7 3H13V7H7V5.8Z"></path>
+</svg>
+```
+
+---
+
+[← Back to Icon Library](/icons/)

package/docs/icons/scissor.md

@@ -0,0 +1,55 @@
+---
+title: Scissor
+---
+
+# Scissor
+
+<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 3A3 3 0 116 9 3 3 0 116 3M8.12 8.12 19 19M19 5 8.12 15.88M6 15A3 3 0 116 21 3 3 0 116 15M10 14 10 10"></path></svg>
+</div>
+
+## Usage
+
+### With Web Components
+
+```html
+<ss-icon icon="scissor"></ss-icon>
+```
+
+### With icon tag
+
+```html
+<i class="ss ss-scissor"></i>    
+```
+
+### With custom stroke width / thickness
+
+```html
+<ss-icon icon="scissor" thickness="1.2"></ss-icon>
+```
+
+## Icon Details
+
+| Property | Value |
+|----------|-------|
+| **Name** | Scissor |
+| **Slug** | `scissor` |
+| **Tags** | `cut`, `tool`, `clip`, `trim`, `snip`, `scissor`, `senangwebs`, `sw-photobooth` |
+
+## SVG Path
+
+```
+M6 3A3 3 0 116 9 3 3 0 116 3M8.12 8.12 19 19M19 5 8.12 15.88M6 15A3 3 0 116 21 3 3 0 116 15M10 14 10 10
+```
+
+## Raw SVG
+
+```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 3A3 3 0 116 9 3 3 0 116 3M8.12 8.12 19 19M19 5 8.12 15.88M6 15A3 3 0 116 21 3 3 0 116 15M10 14 10 10"></path>
+</svg>
+```
+
+---
+
+[← Back to Icon Library](/icons/)

package/docs/icons/shapes.md

@@ -0,0 +1,55 @@
+---
+title: Shapes
+---
+
+# Shapes
+
+<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 19l4-7 4 7H3zM12.5 11a3 3 0 110-8 3 3 0 010 8zM14 14h7v7h-7z"></path></svg>
+</div>
+
+## Usage
+
+### With Web Components
+
+```html
+<ss-icon icon="shapes"></ss-icon>
+```
+
+### With icon tag
+
+```html
+<i class="ss ss-shapes"></i>    
+```
+
+### With custom stroke width / thickness
+
+```html
+<ss-icon icon="shapes" thickness="1.2"></ss-icon>
+```
+
+## Icon Details
+
+| Property | Value |
+|----------|-------|
+| **Name** | Shapes |
+| **Slug** | `shapes` |
+| **Tags** | `shapes`, `triangle`, `circle`, `square`, `geometry`, `design`, `graphic` |
+
+## SVG Path
+
+```
+M3 19l4-7 4 7H3zM12.5 11a3 3 0 110-8 3 3 0 010 8zM14 14h7v7h-7z
+```
+
+## Raw SVG
+
+```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 19l4-7 4 7H3zM12.5 11a3 3 0 110-8 3 3 0 010 8zM14 14h7v7h-7z"></path>
+</svg>
+```
+
+---
+
+[← Back to Icon Library](/icons/)

package/docs/icons/shield-check.md

@@ -0,0 +1,55 @@
+---
+title: Shield Check
+---
+
+# Shield Check
+
+<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 12.75 11.25 15 15 9.75m-3-7.036A11.959 11.959 0 0 1 3.598 6 11.99 11.99 0 0 0 3 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285Z"></path></svg>
+</div>
+
+## Usage
+
+### With Web Components
+
+```html
+<ss-icon icon="shield-check"></ss-icon>
+```
+
+### With icon tag
+
+```html
+<i class="ss ss-shield-check"></i>    
+```
+
+### With custom stroke width / thickness
+
+```html
+<ss-icon icon="shield-check" thickness="1.2"></ss-icon>
+```
+
+## Icon Details
+
+| Property | Value |
+|----------|-------|
+| **Name** | Shield Check |
+| **Slug** | `shield-check` |
+| **Tags** | `secure`, `safe`, `verified`, `protected`, `antivirus`, `shield-check` |
+
+## SVG Path
+
+```
+M9 12.75 11.25 15 15 9.75m-3-7.036A11.959 11.959 0 0 1 3.598 6 11.99 11.99 0 0 0 3 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285Z
+```
+
+## Raw SVG
+
+```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 12.75 11.25 15 15 9.75m-3-7.036A11.959 11.959 0 0 1 3.598 6 11.99 11.99 0 0 0 3 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285Z"></path>
+</svg>
+```
+
+---
+
+[← Back to Icon Library](/icons/)

package/docs/icons/shield-exclamation.md

@@ -0,0 +1,55 @@
+---
+title: Shield Exclamation
+---
+
+# Shield Exclamation
+
+<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 9v3.75M12 15.75h.008v.008H12v-.008zM12 2.714A11.959 11.959 0 0 1 3.598 6 11.99 11.99 0 0 0 3 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285Z"></path></svg>
+</div>
+
+## Usage
+
+### With Web Components
+
+```html
+<ss-icon icon="shield-exclamation"></ss-icon>
+```
+
+### With icon tag
+
+```html
+<i class="ss ss-shield-exclamation"></i>    
+```
+
+### With custom stroke width / thickness
+
+```html
+<ss-icon icon="shield-exclamation" thickness="1.2"></ss-icon>
+```
+
+## Icon Details
+
+| Property | Value |
+|----------|-------|
+| **Name** | Shield Exclamation |
+| **Slug** | `shield-exclamation` |
+| **Tags** | `danger`, `warning`, `security`, `risk`, `unsecured`, `shield-exclamation` |
+
+## SVG Path
+
+```
+M12 9v3.75M12 15.75h.008v.008H12v-.008zM12 2.714A11.959 11.959 0 0 1 3.598 6 11.99 11.99 0 0 0 3 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285Z
+```
+
+## Raw SVG
+
+```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 9v3.75M12 15.75h.008v.008H12v-.008zM12 2.714A11.959 11.959 0 0 1 3.598 6 11.99 11.99 0 0 0 3 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285Z"></path>
+</svg>
+```
+
+---
+
+[← Back to Icon Library](/icons/)

package/docs/icons/shopping-bag.md

@@ -0,0 +1,55 @@
+---
+title: Shopping Bag
+---
+
+# Shopping Bag
+
+<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.75 10.5V6a3.75 3.75 0 10-7.5 0v4.5m11.356-1.993l1.263 12c.07.665-.45 1.243-1.119 1.243H4.25a1.125 1.125 0 01-1.12-1.243l1.264-12A1.125 1.125 0 015.513 7.5h12.974c.576 0 1.059.435 1.119 1.007zM8.625 10.5a.375.375 0 11-.75 0 .375.375 0 01.75 0zm7.5 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z"></path></svg>
+</div>
+
+## Usage
+
+### With Web Components
+
+```html
+<ss-icon icon="shopping-bag"></ss-icon>
+```
+
+### With icon tag
+
+```html
+<i class="ss ss-shopping-bag"></i>    
+```
+
+### With custom stroke width / thickness
+
+```html
+<ss-icon icon="shopping-bag" thickness="1.2"></ss-icon>
+```
+
+## Icon Details
+
+| Property | Value |
+|----------|-------|
+| **Name** | Shopping Bag |
+| **Slug** | `shopping-bag` |
+| **Tags** | `buy`, `checkout`, `store`, `mall`, `retail`, `shopping-bag` |
+
+## SVG Path
+
+```
+M15.75 10.5V6a3.75 3.75 0 10-7.5 0v4.5m11.356-1.993l1.263 12c.07.665-.45 1.243-1.119 1.243H4.25a1.125 1.125 0 01-1.12-1.243l1.264-12A1.125 1.125 0 015.513 7.5h12.974c.576 0 1.059.435 1.119 1.007zM8.625 10.5a.375.375 0 11-.75 0 .375.375 0 01.75 0zm7.5 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z
+```
+
+## Raw SVG
+
+```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.75 10.5V6a3.75 3.75 0 10-7.5 0v4.5m11.356-1.993l1.263 12c.07.665-.45 1.243-1.119 1.243H4.25a1.125 1.125 0 01-1.12-1.243l1.264-12A1.125 1.125 0 015.513 7.5h12.974c.576 0 1.059.435 1.119 1.007zM8.625 10.5a.375.375 0 11-.75 0 .375.375 0 01.75 0zm7.5 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z"></path>
+</svg>
+```
+
+---
+
+[← Back to Icon Library](/icons/)

package/docs/icons/shopping-cart.md

@@ -0,0 +1,55 @@
+---
+title: Shopping Cart
+---
+
+# Shopping Cart
+
+<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 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 00-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 00-16.536-1.84M7.5 14.25L5.106 5.272M6 20.25a.75.75 0 11-1.5 0 .75.75 0 011.5 0zm12.75 0a.75.75 0 11-1.5 0 .75.75 0 011.5 0z"></path></svg>
+</div>
+
+## Usage
+
+### With Web Components
+
+```html
+<ss-icon icon="shopping-cart"></ss-icon>
+```
+
+### With icon tag
+
+```html
+<i class="ss ss-shopping-cart"></i>    
+```
+
+### With custom stroke width / thickness
+
+```html
+<ss-icon icon="shopping-cart" thickness="1.2"></ss-icon>
+```
+
+## Icon Details
+
+| Property | Value |
+|----------|-------|
+| **Name** | Shopping Cart |
+| **Slug** | `shopping-cart` |
+| **Tags** | `buy`, `checkout`, `store`, `retail`, `ecommerce`, `shopping-cart` |
+
+## SVG Path
+
+```
+M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 00-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 00-16.536-1.84M7.5 14.25L5.106 5.272M6 20.25a.75.75 0 11-1.5 0 .75.75 0 011.5 0zm12.75 0a.75.75 0 11-1.5 0 .75.75 0 011.5 0z
+```
+
+## Raw SVG
+
+```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 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 00-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 00-16.536-1.84M7.5 14.25L5.106 5.272M6 20.25a.75.75 0 11-1.5 0 .75.75 0 011.5 0zm12.75 0a.75.75 0 11-1.5 0 .75.75 0 011.5 0z"></path>
+</svg>
+```
+
+---
+
+[← Back to Icon Library](/icons/)

package/docs/icons/sliders-horizontal.md

@@ -0,0 +1,55 @@
+---
+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>
+
+## Usage
+
+### With Web Components
+
+```html
+<ss-icon icon="sliders-horizontal"></ss-icon>
+```
+
+### With icon tag
+
+```html
+<i class="ss ss-sliders-horizontal"></i>    
+```
+
+### With custom stroke width / thickness
+
+```html
+<ss-icon icon="sliders-horizontal" thickness="1.2"></ss-icon>
+```
+
+## Icon Details
+
+| Property | Value |
+|----------|-------|
+| **Name** | Sliders Horizontal |
+| **Slug** | `sliders-horizontal` |
+| **Tags** | `settings`, `filters`, `adjust`, `levels`, `controls`, `sliders-horizontal` |
+
+## SVG Path
+
+```
+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
+```
+
+## Raw SVG
+
+```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>
+```
+
+---
+
+[← Back to Icon Library](/icons/)

package/docs/icons/sliders-vertical.md

@@ -0,0 +1,55 @@
+---
+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>
+
+## Usage
+
+### With Web Components
+
+```html
+<ss-icon icon="sliders-vertical"></ss-icon>
+```
+
+### With icon tag
+
+```html
+<i class="ss ss-sliders-vertical"></i>    
+```
+
+### With custom stroke width / thickness
+
+```html
+<ss-icon icon="sliders-vertical" thickness="1.2"></ss-icon>
+```
+
+## Icon Details
+
+| Property | Value |
+|----------|-------|
+| **Name** | Sliders Vertical |
+| **Slug** | `sliders-vertical` |
+| **Tags** | `settings`, `filters`, `adjust`, `levels`, `controls`, `sliders-vertical` |
+
+## SVG Path
+
+```
+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
+```
+
+## Raw SVG
+
+```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>
+```
+
+---
+
+[← Back to Icon Library](/icons/)

package/docs/icons/sparkles.md

@@ -0,0 +1,55 @@
+---
+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>
+
+## Usage
+
+### With Web Components
+
+```html
+<ss-icon icon="sparkles"></ss-icon>
+```
+
+### With icon tag
+
+```html
+<i class="ss ss-sparkles"></i>    
+```
+
+### With custom stroke width / thickness
+
+```html
+<ss-icon icon="sparkles" thickness="1.2"></ss-icon>
+```
+
+## Icon Details
+
+| Property | Value |
+|----------|-------|
+| **Name** | Sparkles |
+| **Slug** | `sparkles` |
+| **Tags** | `ai`, `magic`, `new`, `shine`, `clean`, `glitter`, `sparkles`, `senangwebs`, `motion`, `sw-animations` |
+
+## SVG Path
+
+```
+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
+```
+
+## Raw SVG
+
+```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>
+```
+
+---
+
+[← Back to Icon Library](/icons/)

package/docs/icons/speaker-wave.md

@@ -0,0 +1,55 @@
+---
+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>
+
+## Usage
+
+### With Web Components
+
+```html
+<ss-icon icon="speaker-wave"></ss-icon>
+```
+
+### With icon tag
+
+```html
+<i class="ss ss-speaker-wave"></i>    
+```
+
+### With custom stroke width / thickness
+
+```html
+<ss-icon icon="speaker-wave" thickness="1.2"></ss-icon>
+```
+
+## Icon Details
+
+| Property | Value |
+|----------|-------|
+| **Name** | Speaker Wave |
+| **Slug** | `speaker-wave` |
+| **Tags** | `sound`, `volume`, `audio`, `noise`, `listen`, `speaker-wave` |
+
+## SVG Path
+
+```
+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
+```
+
+## Raw SVG
+
+```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>
+```
+
+---
+
+[← Back to Icon Library](/icons/)

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

@@ -0,0 +1,55 @@
+---
+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>
+
+## Usage
+
+### With Web Components
+
+```html
+<ss-icon icon="speaker-x-mark"></ss-icon>
+```
+
+### With icon tag
+
+```html
+<i class="ss ss-speaker-x-mark"></i>    
+```
+
+### With custom stroke width / thickness
+
+```html
+<ss-icon icon="speaker-x-mark" thickness="1.2"></ss-icon>
+```
+
+## Icon Details
+
+| Property | Value |
+|----------|-------|
+| **Name** | Speaker X Mark |
+| **Slug** | `speaker-x-mark` |
+| **Tags** | `mute`, `silent`, `audio`, `off`, `quiet`, `speaker-x-mark` |
+
+## SVG Path
+
+```
+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
+```
+
+## Raw SVG
+
+```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>
+```
+
+---
+
+[← Back to Icon Library](/icons/)