@bookklik/senangstart-icons 1.0.7 → 1.0.8

package/docs/icons/arrow-right.md

@@ -0,0 +1,59 @@
+---
+title: Arrow Right
+---
+
+# Arrow Right
+
+<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 4.5L21 12m0 0l-7.5 7.5M21 12H3"></path></svg>
+</div>
+
+## Usage
+
+```html
+<ss-icon name="arrow-right"></ss-icon>
+```
+
+### With custom size
+
+```html
+<ss-icon name="arrow-right" size="32"></ss-icon>
+```
+
+### With custom color
+
+```html
+<ss-icon name="arrow-right" color="#3b82f6"></ss-icon>
+```
+
+### With custom stroke width
+
+```html
+<ss-icon name="arrow-right" stroke="2"></ss-icon>
+```
+
+## Icon Details
+
+| Property | Value |
+|----------|-------|
+| **Name** | Arrow Right |
+| **Slug** | `arrow-right` |
+| **Tags** | `forward`, `next`, `direction`, `point`, `east`, `proceed`, `arrow-right` |
+
+## SVG Path
+
+```
+M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3
+```
+
+## 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 4.5L21 12m0 0l-7.5 7.5M21 12H3"></path>
+</svg>
+```
+
+---
+
+[← Back to Icon Library](/icons/)

package/docs/icons/arrow-rotate-ccw.md

@@ -0,0 +1,59 @@
+---
+title: Arrow Rotate Ccw
+---
+
+# Arrow Rotate Ccw
+
+<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.5"></path></svg>
+</div>
+
+## Usage
+
+```html
+<ss-icon name="arrow-rotate-ccw"></ss-icon>
+```
+
+### With custom size
+
+```html
+<ss-icon name="arrow-rotate-ccw" size="32"></ss-icon>
+```
+
+### With custom color
+
+```html
+<ss-icon name="arrow-rotate-ccw" color="#3b82f6"></ss-icon>
+```
+
+### With custom stroke width
+
+```html
+<ss-icon name="arrow-rotate-ccw" stroke="2"></ss-icon>
+```
+
+## Icon Details
+
+| Property | Value |
+|----------|-------|
+| **Name** | Arrow Rotate Ccw |
+| **Slug** | `arrow-rotate-ccw` |
+| **Tags** | `rotate`, `undo`, `back`, `return`, `counter-clockwise`, `revert`, `arrow-rotate-ccw` |
+
+## SVG Path
+
+```
+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.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="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.5"></path>
+</svg>
+```
+
+---
+
+[← Back to Icon Library](/icons/)

package/docs/icons/arrow-rotate-cw.md

@@ -0,0 +1,59 @@
+---
+title: Arrow Rotate Cw
+---
+
+# Arrow Rotate Cw
+
+<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.5"></path></svg>
+</div>
+
+## Usage
+
+```html
+<ss-icon name="arrow-rotate-cw"></ss-icon>
+```
+
+### With custom size
+
+```html
+<ss-icon name="arrow-rotate-cw" size="32"></ss-icon>
+```
+
+### With custom color
+
+```html
+<ss-icon name="arrow-rotate-cw" color="#3b82f6"></ss-icon>
+```
+
+### With custom stroke width
+
+```html
+<ss-icon name="arrow-rotate-cw" stroke="2"></ss-icon>
+```
+
+## Icon Details
+
+| Property | Value |
+|----------|-------|
+| **Name** | Arrow Rotate Cw |
+| **Slug** | `arrow-rotate-cw` |
+| **Tags** | `rotate`, `refresh`, `reload`, `redo`, `spin`, `clockwise`, `repeat`, `arrow-rotate-cw` |
+
+## SVG Path
+
+```
+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.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="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.5"></path>
+</svg>
+```
+
+---
+
+[← Back to Icon Library](/icons/)

package/docs/icons/arrow-top-right-on-square.md

@@ -0,0 +1,59 @@
+---
+title: Arrow Top Right On Square
+---
+
+# Arrow Top Right On 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="M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"></path></svg>
+</div>
+
+## Usage
+
+```html
+<ss-icon name="arrow-top-right-on-square"></ss-icon>
+```
+
+### With custom size
+
+```html
+<ss-icon name="arrow-top-right-on-square" size="32"></ss-icon>
+```
+
+### With custom color
+
+```html
+<ss-icon name="arrow-top-right-on-square" color="#3b82f6"></ss-icon>
+```
+
+### With custom stroke width
+
+```html
+<ss-icon name="arrow-top-right-on-square" stroke="2"></ss-icon>
+```
+
+## Icon Details
+
+| Property | Value |
+|----------|-------|
+| **Name** | Arrow Top Right On Square |
+| **Slug** | `arrow-top-right-on-square` |
+| **Tags** | `external`, `link`, `open`, `export`, `new tab`, `share`, `arrow-top-right-on-square` |
+
+## SVG Path
+
+```
+M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25
+```
+
+## 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 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"></path>
+</svg>
+```
+
+---
+
+[← Back to Icon Library](/icons/)

package/docs/icons/arrow-up-arrow-down.md

@@ -0,0 +1,59 @@
+---
+title: Arrow Up Arrow Down
+---
+
+# Arrow Up Arrow Down
+
+<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 7.5 7.5 3m0 0L12 7.5M7.5 3v13.5m13.5 0L16.5 21m0 0L12 16.5m4.5 4.5V7.5"></path></svg>
+</div>
+
+## Usage
+
+```html
+<ss-icon name="arrow-up-arrow-down"></ss-icon>
+```
+
+### With custom size
+
+```html
+<ss-icon name="arrow-up-arrow-down" size="32"></ss-icon>
+```
+
+### With custom color
+
+```html
+<ss-icon name="arrow-up-arrow-down" color="#3b82f6"></ss-icon>
+```
+
+### With custom stroke width
+
+```html
+<ss-icon name="arrow-up-arrow-down" stroke="2"></ss-icon>
+```
+
+## Icon Details
+
+| Property | Value |
+|----------|-------|
+| **Name** | Arrow Up Arrow Down |
+| **Slug** | `arrow-up-arrow-down` |
+| **Tags** | `sort`, `swap`, `switch`, `order`, `transfer`, `vertical`, `arrow-up-arrow-down` |
+
+## SVG Path
+
+```
+M3 7.5 7.5 3m0 0L12 7.5M7.5 3v13.5m13.5 0L16.5 21m0 0L12 16.5m4.5 4.5V7.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="M3 7.5 7.5 3m0 0L12 7.5M7.5 3v13.5m13.5 0L16.5 21m0 0L12 16.5m4.5 4.5V7.5"></path>
+</svg>
+```
+
+---
+
+[← Back to Icon Library](/icons/)

package/docs/icons/arrow-up-down-left-right.md

@@ -0,0 +1,59 @@
+---
+title: Arrow Up Down Left Right
+---
+
+# Arrow Up Down Left Right
+
+<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 12 h 18 M 12 3 v 18 M 6 15 L 3 12 l 3 -3 M 18 9 L 21 12 l -3 3 M 9 6 L 12 3 l 3 3 M 15 18 L 12 21 l -3 -3"></path></svg>
+</div>
+
+## Usage
+
+```html
+<ss-icon name="arrow-up-down-left-right"></ss-icon>
+```
+
+### With custom size
+
+```html
+<ss-icon name="arrow-up-down-left-right" size="32"></ss-icon>
+```
+
+### With custom color
+
+```html
+<ss-icon name="arrow-up-down-left-right" color="#3b82f6"></ss-icon>
+```
+
+### With custom stroke width
+
+```html
+<ss-icon name="arrow-up-down-left-right" stroke="2"></ss-icon>
+```
+
+## Icon Details
+
+| Property | Value |
+|----------|-------|
+| **Name** | Arrow Up Down Left Right |
+| **Slug** | `arrow-up-down-left-right` |
+| **Tags** | `move`, `all directions`, `pan`, `drag`, `position`, `arrow-up-down-left-right` |
+
+## SVG Path
+
+```
+M 3 12 h 18 M 12 3 v 18 M 6 15 L 3 12 l 3 -3 M 18 9 L 21 12 l -3 3 M 9 6 L 12 3 l 3 3 M 15 18 L 12 21 l -3 -3
+```
+
+## 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="M 3 12 h 18 M 12 3 v 18 M 6 15 L 3 12 l 3 -3 M 18 9 L 21 12 l -3 3 M 9 6 L 12 3 l 3 3 M 15 18 L 12 21 l -3 -3"></path>
+</svg>
+```
+
+---
+
+[← Back to Icon Library](/icons/)

package/docs/icons/arrow-up-down.md

@@ -0,0 +1,59 @@
+---
+title: Arrow Up Down
+---
+
+# Arrow Up Down
+
+<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 12 3 v 18 M 8 7 L 12 3 l 4 4 M 16 17 L 12 21 l -4 -4"></path></svg>
+</div>
+
+## Usage
+
+```html
+<ss-icon name="arrow-up-down"></ss-icon>
+```
+
+### With custom size
+
+```html
+<ss-icon name="arrow-up-down" size="32"></ss-icon>
+```
+
+### With custom color
+
+```html
+<ss-icon name="arrow-up-down" color="#3b82f6"></ss-icon>
+```
+
+### With custom stroke width
+
+```html
+<ss-icon name="arrow-up-down" stroke="2"></ss-icon>
+```
+
+## Icon Details
+
+| Property | Value |
+|----------|-------|
+| **Name** | Arrow Up Down |
+| **Slug** | `arrow-up-down` |
+| **Tags** | `swap`, `vertical`, `resize`, `stretch`, `expand`, `arrow-up-down` |
+
+## SVG Path
+
+```
+M 12 3 v 18 M 8 7 L 12 3 l 4 4 M 16 17 L 12 21 l -4 -4
+```
+
+## 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="M 12 3 v 18 M 8 7 L 12 3 l 4 4 M 16 17 L 12 21 l -4 -4"></path>
+</svg>
+```
+
+---
+
+[← Back to Icon Library](/icons/)

package/docs/icons/arrow-up.md

@@ -0,0 +1,59 @@
+---
+title: Arrow Up
+---
+
+# Arrow Up
+
+<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 10.5L12 3m0 0l7.5 7.5M12 3v18"></path></svg>
+</div>
+
+## Usage
+
+```html
+<ss-icon name="arrow-up"></ss-icon>
+```
+
+### With custom size
+
+```html
+<ss-icon name="arrow-up" size="32"></ss-icon>
+```
+
+### With custom color
+
+```html
+<ss-icon name="arrow-up" color="#3b82f6"></ss-icon>
+```
+
+### With custom stroke width
+
+```html
+<ss-icon name="arrow-up" stroke="2"></ss-icon>
+```
+
+## Icon Details
+
+| Property | Value |
+|----------|-------|
+| **Name** | Arrow Up |
+| **Slug** | `arrow-up` |
+| **Tags** | `top`, `direction`, `point`, `north`, `ascend`, `upload`, `arrow-up` |
+
+## SVG Path
+
+```
+M4.5 10.5L12 3m0 0l7.5 7.5M12 3v18
+```
+
+## 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="M4.5 10.5L12 3m0 0l7.5 7.5M12 3v18"></path>
+</svg>
+```
+
+---
+
+[← Back to Icon Library](/icons/)

package/docs/icons/banknotes.md

@@ -0,0 +1,59 @@
+---
+title: Banknotes
+---
+
+# Banknotes
+
+<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 18.75l15.75 2.25c1 .2 1-0 1.2-1L19.4 18.8M3.75 4.5v.75A.75.75 0 013 6h-.75m0 0v-.375c0-.621.504-1.125 1.125-1.125H20.25M2.25 6v9m18-10.5v.75c0 .414.336.75.75.75h.75m-1.5-1.5h.375c.621 0 1.125.504 1.125 1.125v9.75c0 .621-.504 1.125-1.125 1.125h-.375m1.5-1.5H21a.75.75 0 00-.75.75v.75m0 0H3.75m0 0h-.375a1.125 1.125 0 01-1.125-1.125V15m1.5 1.5v-.75A.75.75 0 003 15h-.75M15 10.5a3 3 0 11-6 0 3 3 0 016 0Zm3 0h.008v.008H18V10.5Zm-12 0h.008v.008H6V10.5Z"></path></svg>
+</div>
+
+## Usage
+
+```html
+<ss-icon name="banknotes"></ss-icon>
+```
+
+### With custom size
+
+```html
+<ss-icon name="banknotes" size="32"></ss-icon>
+```
+
+### With custom color
+
+```html
+<ss-icon name="banknotes" color="#3b82f6"></ss-icon>
+```
+
+### With custom stroke width
+
+```html
+<ss-icon name="banknotes" stroke="2"></ss-icon>
+```
+
+## Icon Details
+
+| Property | Value |
+|----------|-------|
+| **Name** | Banknotes |
+| **Slug** | `banknotes` |
+| **Tags** | `money`, `cash`, `payment`, `bill`, `finance`, `banknotes` |
+
+## SVG Path
+
+```
+M2.25 18.75l15.75 2.25c1 .2 1-0 1.2-1L19.4 18.8M3.75 4.5v.75A.75.75 0 013 6h-.75m0 0v-.375c0-.621.504-1.125 1.125-1.125H20.25M2.25 6v9m18-10.5v.75c0 .414.336.75.75.75h.75m-1.5-1.5h.375c.621 0 1.125.504 1.125 1.125v9.75c0 .621-.504 1.125-1.125 1.125h-.375m1.5-1.5H21a.75.75 0 00-.75.75v.75m0 0H3.75m0 0h-.375a1.125 1.125 0 01-1.125-1.125V15m1.5 1.5v-.75A.75.75 0 003 15h-.75M15 10.5a3 3 0 11-6 0 3 3 0 016 0Zm3 0h.008v.008H18V10.5Zm-12 0h.008v.008H6V10.5Z
+```
+
+## 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 18.75l15.75 2.25c1 .2 1-0 1.2-1L19.4 18.8M3.75 4.5v.75A.75.75 0 013 6h-.75m0 0v-.375c0-.621.504-1.125 1.125-1.125H20.25M2.25 6v9m18-10.5v.75c0 .414.336.75.75.75h.75m-1.5-1.5h.375c.621 0 1.125.504 1.125 1.125v9.75c0 .621-.504 1.125-1.125 1.125h-.375m1.5-1.5H21a.75.75 0 00-.75.75v.75m0 0H3.75m0 0h-.375a1.125 1.125 0 01-1.125-1.125V15m1.5 1.5v-.75A.75.75 0 003 15h-.75M15 10.5a3 3 0 11-6 0 3 3 0 016 0Zm3 0h.008v.008H18V10.5Zm-12 0h.008v.008H6V10.5Z"></path>
+</svg>
+```
+
+---
+
+[← Back to Icon Library](/icons/)

package/docs/icons/bars-3.md

@@ -0,0 +1,59 @@
+---
+title: Bars 3
+---
+
+# Bars 3
+
+<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 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"></path></svg>
+</div>
+
+## Usage
+
+```html
+<ss-icon name="bars-3"></ss-icon>
+```
+
+### With custom size
+
+```html
+<ss-icon name="bars-3" size="32"></ss-icon>
+```
+
+### With custom color
+
+```html
+<ss-icon name="bars-3" color="#3b82f6"></ss-icon>
+```
+
+### With custom stroke width
+
+```html
+<ss-icon name="bars-3" stroke="2"></ss-icon>
+```
+
+## Icon Details
+
+| Property | Value |
+|----------|-------|
+| **Name** | Bars 3 |
+| **Slug** | `bars-3` |
+| **Tags** | `menu`, `hamburger`, `navigation`, `list`, `sidebar`, `drawer`, `options`, `toggle`, `bars-3` |
+
+## SVG Path
+
+```
+M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.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="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"></path>
+</svg>
+```
+
+---
+
+[← Back to Icon Library](/icons/)

package/docs/icons/basket.md

@@ -0,0 +1,59 @@
+---
+title: Basket
+---
+
+# Basket
+
+<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 11 0 9m4-9-4-7M2 11h20m-18.5 0 1.6 7.4a2 2 0 002 1.6h9.8a2 2 0 002-1.6l1.7-7.4M4.5 15.5h15m-14.5-4.5 4-7m0 7 0 9"></path></svg>
+</div>
+
+## Usage
+
+```html
+<ss-icon name="basket"></ss-icon>
+```
+
+### With custom size
+
+```html
+<ss-icon name="basket" size="32"></ss-icon>
+```
+
+### With custom color
+
+```html
+<ss-icon name="basket" color="#3b82f6"></ss-icon>
+```
+
+### With custom stroke width
+
+```html
+<ss-icon name="basket" stroke="2"></ss-icon>
+```
+
+## Icon Details
+
+| Property | Value |
+|----------|-------|
+| **Name** | Basket |
+| **Slug** | `basket` |
+| **Tags** | `buy`, `checkout`, `store`, `market`, `grocery`, `basket`, `senangwebs`, `cart`, `shop`, `sw-buy` |
+
+## SVG Path
+
+```
+m15 11 0 9m4-9-4-7M2 11h20m-18.5 0 1.6 7.4a2 2 0 002 1.6h9.8a2 2 0 002-1.6l1.7-7.4M4.5 15.5h15m-14.5-4.5 4-7m0 7 0 9
+```
+
+## 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 11 0 9m4-9-4-7M2 11h20m-18.5 0 1.6 7.4a2 2 0 002 1.6h9.8a2 2 0 002-1.6l1.7-7.4M4.5 15.5h15m-14.5-4.5 4-7m0 7 0 9"></path>
+</svg>
+```
+
+---
+
+[← Back to Icon Library](/icons/)