ab-nextjs-icons 0.1.4 → 0.2.0

package/CHANGELOG.md

@@ -2,6 +2,18 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.2.0](https://github.com/abraham-ukachi/ab-nextjs-icons/compare/v0.1.5...v0.2.0) (2026-10-06)
+
+* **AbIcons core-gap:** 168 new concepts (336 new SVGs: outlined + filled). Package totals: **252** outlined, **223** filled (29 outlined-only UI strokes such as `add` / `close` / `search` have no filled pair).
+* **Weights 100–700** (Material Symbols–style) for outlined icons, with pre-rendered `ab-icons/weights/<w>/` and `weight.css` / `.abicon-w*`.
+* **Default weight is now 200** (stroke **1.25**), down from the previous implicit 400 / 1.85 look on older outlined art — existing apps that relied on the thicker default will look thinner until they set `--abicon-weight: 400` or `getAbIconSvg(..., { weight: 400 })`.
+* Polish: `settings` (simple gear), `qr_code`, `scooter`, `umbrella`, `shopping_bag`, `usb`, redrawn `handshake`; filled glyphs grown to outlined outer bounds where they were undersized.
+
+### [0.1.5](https://github.com/abraham-ukachi/ab-nextjs-icons/compare/v0.1.4...v0.1.5) (2026-10-03)
+
+* Publish to npm automatically from GitHub Actions with Trusted Publishing (OIDC + provenance, no NPM_TOKEN)
+* Ship only package files via `files`; `next` peer is now `^16.3.4`
+
 ### [0.1.3](https://github.com/abraham-ukachi/ab-nextjs-icons/compare/v0.1.2...v0.1.3) (2026-09-17)
 
 ### [0.1.2](https://github.com/abraham-ukachi/ab-nextjs-icons/compare/v0.1.1...v0.1.2) (2025-09-17)

package/README.md

@@ -29,6 +29,8 @@
 
 # `ab-nextjs-icons`
 
+> Current release: **0.2.0** — AbIcons totals **252** outlined / **223** filled; default outlined weight **200** (stroke 1.25). See [`ab-icons/README.md`](./ab-icons/README.md).
+
 > IMPORTANT: This is a work in progress and subject to major changes until version 1.0.
 
 

package/ab-icons/README.md

@@ -4,24 +4,51 @@ Material **snake_case** icon names with **original AbIcons geometry** (not Googl
 
 | Variant | Count | Path |
 |--------|------:|------|
-| Outlined | 84 | `outlined/*.svg` |
-| Filled | 55 | `filled/*.svg` |
+| Outlined | 252 | `svg/outlined/*.svg` / `outlined/*.svg` (default weight **200**, stroke 1.25) |
+| Filled | 223 | `svg/filled/*.svg` / `filled/*.svg` |
+| Weights | 7 (100–700) | `weights/<w>/*.svg` (outlined only) |
 
-## Consume (John / Julie)
+## Default weight: 200
 
-### 1. Preferred for demos / Next — inline SVG strings
+Outlined art ships at weight **200** (stroke **1.25**). That matches `weights/200/`. Use 300–400 at ≤16px if thin strokes feel faint.
+
+### Change weight
+
+```css
+/* Global (inline SVG helper) */
+:root { --abicon-weight: 400; }
+
+/* Per icon (inline) */
+.abicon-svg { --abicon-weight: 700; }
+
+/* CSS mask API */
+.abicon.abicon-home.abicon-w400 { }
+span.abicon.abicon-home { --abicon-wght: 400; }
+```
 
 ```ts
-import { getAbIconSvg, abIconSvg, abIconNames } from "ab-nextjs-icons/ab-icons";
+getAbIconSvg("home");                          // weight 200
+getAbIconSvg("home", "outlined", { weight: 400 }); // stroke 1.85
+getAbIconSvg("home", "outlined", { weight: 700 }); // stroke 2.85
+```
+
+## Consume
+
+### 1. Inline SVG strings
 
-const home = getAbIconSvg("home"); // outlined markup
+```ts
+import { getAbIconSvg, abIconSvg, abIconNames, abIconDefaultWeight } from "ab-nextjs-icons/ab-icons";
+
+const home = getAbIconSvg("home"); // outlined @ default 200
 const homeFilled = getAbIconSvg("home", "filled");
-// or: abIconSvg.home.outlined / abIconSvg.home.filled
+const homeBold = getAbIconSvg("home", "outlined", { weight: 400 });
 ```
 
-Inline the string (e.g. `dangerouslySetInnerHTML`) so `currentColor` themes work.
+```css
+@import "ab-nextjs-icons/ab-icons/weight.css";
+```
 
-### 2. CSS mask utilities
+### 2. CSS mask utilities (+ weight)
 
 ```css
 @import "ab-nextjs-icons/ab-icons/index.css";
@@ -29,21 +56,28 @@ Inline the string (e.g. `dangerouslySetInnerHTML`) so `currentColor` themes work
 
 ```html
 <span class="abicon abicon-home" aria-hidden="true"></span>
-<span class="abicon abicon-arrow_back" style="--abicon-size: 24px; color: #333"></span>
+<span class="abicon abicon-home abicon-w400" style="--abicon-size:24px"></span>
 <span class="abicon abicon-filled abicon-favorite"></span>
 ```
 
-### 3. Public static files
+Mask URLs are absolute (`/ab-icons/outlined/…`, `/ab-icons/weights/<w>/…`).
+
+| wght | stroke-width |
+|-----:|-------------:|
+| 100 | 1.0 |
+| 200 | 1.25 (**default**) |
+| 300 | 1.5 |
+| 400 | 1.85 |
+| 500 | 2.2 |
+| 600 | 2.5 |
+| 700 | 2.85 |
 
-Serve `node_modules/ab-nextjs-icons/ab-icons/...` **or** copy `ab-icons/svg` into:
+**Filled icons stay solid.** Weight applies to outlined strokes.
 
-- `public/ab-icons/outlined|filled`, or
-- `public/ab-nextjs-icons/ab-icons/outlined|filled`
+### 3. Public static files
 
-then use `<img>` / `next/image`.
+Serve / copy into `public/ab-icons/{outlined,filled,weights}`.
 
 ## Naming
 
-Class suffixes and map keys use Material snake_case: `home`, `arrow_back`, `more_vert`.
-
-See `names.json` for the full list and which icons have a filled variant.
+See `names.json` for the full list, `defaultWeight`, filled coverage, and `weights: [100,…,700]`.

package/ab-icons/filled/account_circle.svg

@@ -1,4 +1,11 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" aria-hidden="true">
-  <path d="M12 3.5 A8.5 8.5 0 1 0 12 20.5 A8.5 8.5 0 1 0 12 3.5 Z M12 6.2 A3.0 3.0 0 1 1 12 12.2 A3.0 3.0 0 1 1 12 6.2 Z M6.8 18.0 C7.8 15.6 9.6 14.2 12 14.2 C14.4 14.2 16.2 15.6 17.2 18.0 A8.3 8.3 0 0 1 6.8 18.0 Z" fill="currentColor" fill-rule="evenodd"/>
+  <defs>
+    <mask id="account_circleMask" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+      <path d="M12 3.5 A8.5 8.5 0 1 0 12 20.5 A8.5 8.5 0 1 0 12 3.5 Z" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+      <path d="M12 6.2 A3.0 3.0 0 1 1 12 12.2 A3.0 3.0 0 1 1 12 6.2 Z" fill="#000"/>
+      <path d="M6.8 18.0 C7.8 15.6 9.6 14.2 12 14.2 C14.4 14.2 16.2 15.6 17.2 18.0 A8.3 8.3 0 0 1 6.8 18.0 Z" fill="#000"/>
+    </mask>
+  </defs>
+  <rect width="24" height="24" fill="currentColor" mask="url(#account_circleMask)"/>
 </svg>

package/ab-icons/filled/add_circle.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" aria-hidden="true">
+  <defs>
+    <mask id="add_circleMask" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+      <circle cx="12" cy="12" r="8.2" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+      <rect x="11.05" y="8.0" width="1.9" height="8.0" fill="#000"/>
+      <rect x="8.0" y="11.05" width="8.0" height="1.9" fill="#000"/>
+    </mask>
+  </defs>
+  <rect width="24" height="24" fill="currentColor" mask="url(#add_circleMask)"/>
+</svg>

package/ab-icons/filled/airplay.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" aria-hidden="true">
+  <defs>
+    <mask id="airplayMask" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+      <path d="M5.5 5.0 H18.5 A1.5 1.5 0 0 1 20 6.5 V13.0 A1.5 1.5 0 0 1 18.5 14.5 H5.5 A1.5 1.5 0 0 1 4 13.0 V6.5 A1.5 1.5 0 0 1 5.5 5.0 Z" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+      <path d="M8.0 20.4 L12 16.8 L16.0 20.4 Z" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+
+    </mask>
+  </defs>
+  <rect width="24" height="24" fill="currentColor" mask="url(#airplayMask)"/>
+</svg>

package/ab-icons/filled/ambulance.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" aria-hidden="true">
+  <defs>
+    <mask id="ambulanceMask" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+      <path d="M3.5 14.5 H5.2 L6.8 10.2 H14.5 L17.2 14.5 H20.5 V18 H18.2 C17.2 15.6 15.0 15.6 14.0 18 H10.0 C9.0 15.6 6.8 15.6 5.8 18 H3.5 Z" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+      <circle cx="8.0" cy="17.2" r="1.85" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+      <circle cx="16.0" cy="17.2" r="1.85" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+      <rect x="8.9" y="11.0" width="1.8" height="3.0" fill="#000"/>
+      <rect x="7.6" y="12.15" width="4.4" height="1.8" fill="#000"/>
+    </mask>
+  </defs>
+  <rect width="24" height="24" fill="currentColor" mask="url(#ambulanceMask)"/>
+</svg>

package/ab-icons/filled/analytics.svg

@@ -1,8 +1,14 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" aria-hidden="true">
-  <path d="M5.2 19.5 H7.8 V12 H5.2 Z" fill="currentColor"/>
-  <path d="M10.2 19.5 H12.8 V8 H10.2 Z" fill="currentColor"/>
-  <path d="M15.2 19.5 H17.8 V14 H15.2 Z" fill="currentColor"/>
-  <path d="M4.5 19.5 H19.5" stroke="currentColor" stroke-width="1.85" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
-  <path d="M7.5 9 L12 5.5 L16 10 L20 6.5" stroke="currentColor" stroke-width="1.85" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
+  <defs>
+    <mask id="analyticsMask" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+      <path d="M5.2 19.5 H7.8 V12 H5.2 Z" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+      <path d="M10.2 19.5 H12.8 V8 H10.2 Z" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+      <path d="M15.2 19.5 H17.8 V14 H15.2 Z" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+      <path d="M4.5 19.5 H19.5" fill="none" stroke="#fff" stroke-width="1.85" stroke-linecap="round" stroke-linejoin="round"/>
+      <path d="M7.5 9 L12 5.5 L16 10 L20 6.5" fill="none" stroke="#fff" stroke-width="1.85" stroke-linecap="round" stroke-linejoin="round"/>
+
+    </mask>
+  </defs>
+  <rect width="24" height="24" fill="currentColor" mask="url(#analyticsMask)"/>
 </svg>

package/ab-icons/filled/anchor.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" aria-hidden="true">
+  <defs>
+    <mask id="anchorMask" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+      <circle cx="12" cy="5.8" r="1.9" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+      <path d="M11.05 7.6 H12.95 V18.5 H11.05 Z" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+      <path d="M6.5 14.5 C6.5 17.8 8.8 19.5 12 19.5 C15.2 19.5 17.5 17.8 17.5 14.5" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+      <path d="M6.5 14.5 L4.5 12.8 L6.2 12.0 Z" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+      <path d="M17.5 14.5 L19.5 12.8 L17.8 12.0 Z" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+      <circle cx="12" cy="5.8" r="0.85" fill="#000"/>
+    </mask>
+  </defs>
+  <rect width="24" height="24" fill="currentColor" mask="url(#anchorMask)"/>
+</svg>

package/ab-icons/filled/archive.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" aria-hidden="true">
+  <defs>
+    <mask id="archiveMask" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+      <path d="M4.5 7.8 H19.5 V9.6 A1.3 1.3 0 0 1 18.2 10.9 H5.8 A1.3 1.3 0 0 1 4.5 9.6 Z" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+      <path d="M6.2 10.9 H17.8 V18.0 A1.6 1.6 0 0 1 16.2 19.6 H7.8 A1.6 1.6 0 0 1 6.2 18.0 Z" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+      <rect x="5.2" y="10.0" width="13.6" height="2.0" fill="#000"/>
+      <rect x="9.2" y="13.0" width="5.6" height="2.0" rx="0.5" fill="#000"/>
+    </mask>
+  </defs>
+  <rect width="24" height="24" fill="currentColor" mask="url(#archiveMask)"/>
+</svg>

package/ab-icons/filled/arrow_downward.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" aria-hidden="true">
+  <defs>
+    <mask id="arrow_downwardMask" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+      <path d="M11.0 4.8 H13.0 V14.0 H11.0 Z" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+      <path d="M5.6 13.0 L12 19.4 L18.4 13.0 Z" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+
+    </mask>
+  </defs>
+  <rect width="24" height="24" fill="currentColor" mask="url(#arrow_downwardMask)"/>
+</svg>

package/ab-icons/filled/arrow_upward.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" aria-hidden="true">
+  <defs>
+    <mask id="arrow_upwardMask" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+      <path d="M11.0 10.0 V19.2 H13.0 V10.0 Z" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+      <path d="M5.6 11.0 L12 4.4 L18.4 11.0 Z" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+
+    </mask>
+  </defs>
+  <rect width="24" height="24" fill="currentColor" mask="url(#arrow_upwardMask)"/>
+</svg>

package/ab-icons/filled/assistant_photo.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" aria-hidden="true">
+  <defs>
+    <mask id="assistant_photoMask" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+      <path d="M5.55 4.5 H7.45 V19.5 H5.55 Z" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+      <path d="M6.5 5.0 H16.5 L14.8 8.5 L16.5 12.0 H6.5 Z" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+
+    </mask>
+  </defs>
+  <rect width="24" height="24" fill="currentColor" mask="url(#assistant_photoMask)"/>
+</svg>

package/ab-icons/filled/asterisk.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" aria-hidden="true">
+  <defs>
+    <mask id="asteriskMask" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+      <path d="M12 5.0 V19.0 M6.2 8.2 L17.8 15.8 M17.8 8.2 L6.2 15.8" fill="none" stroke="#fff" stroke-width="1.85" stroke-linecap="round"/>
+
+    </mask>
+  </defs>
+  <rect width="24" height="24" fill="currentColor" mask="url(#asteriskMask)"/>
+</svg>

package/ab-icons/filled/backpack.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" aria-hidden="true">
+  <defs>
+    <mask id="backpackMask" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+      <path d="M7.5 9.0 H16.5 A2 2 0 0 1 18.5 11 V18 A1.8 1.8 0 0 1 16.7 19.8 H7.3 A1.8 1.8 0 0 1 5.5 18 V11 A2 2 0 0 1 7.5 9.0 Z" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+      <path d="M9.0 9.0 V7.2 A3 3 0 0 1 15.0 7.2 V9.0 H13.2 V7.5 A1.2 1.2 0 0 0 10.8 7.5 V9.0 Z" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+      <rect x="9.0" y="13.0" width="6.0" height="3.0" rx="0.5" fill="#000"/>
+    </mask>
+  </defs>
+  <rect width="24" height="24" fill="currentColor" mask="url(#backpackMask)"/>
+</svg>

package/ab-icons/filled/backspace.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" aria-hidden="true">
+  <defs>
+    <mask id="backspaceMask" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+      <path d="M9.5 6.5 H18.5 A1.8 1.8 0 0 1 20.3 8.3 V15.7 A1.8 1.8 0 0 1 18.5 17.5 H9.5 L4.5 12 Z" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+      <path d="M11.5 9.5 L16.0 14.0 M16.0 9.5 L11.5 14.0" stroke="#000" stroke-width="1.85" stroke-linecap="round" fill="none"/>
+    </mask>
+  </defs>
+  <rect width="24" height="24" fill="currentColor" mask="url(#backspaceMask)"/>
+</svg>

package/ab-icons/filled/barcode.svg

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" aria-hidden="true">
+  <defs>
+    <mask id="barcodeMask" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+      <rect x="4.45" y="6" width="1.1" height="12" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+      <rect x="6.65" y="6" width="1.1" height="12" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+      <rect x="8.45" y="6" width="1.1" height="12" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+      <rect x="10.95" y="6" width="1.1" height="12" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+      <rect x="12.65" y="6" width="1.1" height="12" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+      <rect x="14.95" y="6" width="1.1" height="12" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+      <rect x="16.95" y="6" width="1.1" height="12" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+      <rect x="18.45" y="6" width="1.1" height="12" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+      <rect x="5.30" y="5.5" width="1.60" height="13" fill="#000"/>
+      <rect x="7.30" y="5.5" width="1.60" height="13" fill="#000"/>
+      <rect x="9.45" y="5.5" width="1.60" height="13" fill="#000"/>
+      <rect x="11.55" y="5.5" width="1.60" height="13" fill="#000"/>
+      <rect x="13.55" y="5.5" width="1.60" height="13" fill="#000"/>
+      <rect x="15.70" y="5.5" width="1.60" height="13" fill="#000"/>
+      <rect x="17.45" y="5.5" width="1.60" height="13" fill="#000"/>
+    </mask>
+  </defs>
+  <rect width="24" height="24" fill="currentColor" mask="url(#barcodeMask)"/>
+</svg>

package/ab-icons/filled/battery_full.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" aria-hidden="true">
+  <defs>
+    <mask id="battery_fullMask" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+      <path d="M6.5 8.0 H15.5 A1.5 1.5 0 0 1 17 9.5 V14.5 A1.5 1.5 0 0 1 15.5 16 H6.5 A1.5 1.5 0 0 1 5 14.5 V9.5 A1.5 1.5 0 0 1 6.5 8.0 Z" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+      <path d="M17 10.5 H19.2 V13.5 H17 Z" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+      <rect x="7.15" y="9.75" width="7.7" height="4.5" rx="0.5" fill="none" stroke="#000" stroke-width="1.55"/>
+    </mask>
+  </defs>
+  <rect width="24" height="24" fill="currentColor" mask="url(#battery_fullMask)"/>
+</svg>

package/ab-icons/filled/battery_low.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" aria-hidden="true">
+  <defs>
+    <mask id="battery_lowMask" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+      <path d="M6.5 8.0 H15.5 A1.5 1.5 0 0 1 17 9.5 V14.5 A1.5 1.5 0 0 1 15.5 16 H6.5 A1.5 1.5 0 0 1 5 14.5 V9.5 A1.5 1.5 0 0 1 6.5 8.0 Z" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+      <path d="M17 10.5 H19.2 V13.5 H17 Z" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+      <rect x="6.75" y="9.45" width="8.5" height="5.1" rx="0.55" fill="#000"/>
+      <rect x="7.05" y="9.75" width="2.35" height="4.5" rx="0.35" fill="#fff"/>
+    </mask>
+  </defs>
+  <rect width="24" height="24" fill="currentColor" mask="url(#battery_lowMask)"/>
+</svg>

package/ab-icons/filled/battery_plus.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" aria-hidden="true">
+  <defs>
+    <mask id="battery_plusMask" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+      <path d="M6.5 8.0 H15.5 A1.5 1.5 0 0 1 17 9.5 V14.5 A1.5 1.5 0 0 1 15.5 16 H6.5 A1.5 1.5 0 0 1 5 14.5 V9.5 A1.5 1.5 0 0 1 6.5 8.0 Z" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+      <path d="M17 10.5 H19.2 V13.5 H17 Z" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+      <rect x="11.0" y="10.15" width="2.0" height="3.7" fill="#000"/>
+      <rect x="9.15" y="11.0" width="5.7" height="2.0" fill="#000"/>
+    </mask>
+  </defs>
+  <rect width="24" height="24" fill="currentColor" mask="url(#battery_plusMask)"/>
+</svg>

package/ab-icons/filled/bed.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" aria-hidden="true">
+  <defs>
+    <mask id="bedMask" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+      <path d="M3.5 14.5 H20.5 V18.5 H3.5 Z" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+      <path d="M3.5 14.5 V11.5 A1.5 1.5 0 0 1 5 10 H10 V14.5 Z" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+      <path d="M10 12 H19 A1.5 1.5 0 0 1 20.5 13.5 V14.5 H10 Z" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+      <path d="M3.0 18.5 H4.0 V19.5 H3.0 Z" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+      <path d="M20.0 18.5 H21.0 V19.5 H20.0 Z" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+
+    </mask>
+  </defs>
+  <rect width="24" height="24" fill="currentColor" mask="url(#bedMask)"/>
+</svg>

package/ab-icons/filled/bluetooth.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" aria-hidden="true">
+  <defs>
+    <mask id="bluetoothMask" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+      <circle cx="12" cy="12" r="9.0" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+      <path d="M12 5.0 V19.0 M12 5.0 L16.6 8.2 L12 12 M12 19.0 L16.6 15.8 L12 12 M7.4 8.2 L12 12 M7.4 15.8 L12 12" stroke="#000" stroke-width="2.8" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
+    </mask>
+  </defs>
+  <rect width="24" height="24" fill="currentColor" mask="url(#bluetoothMask)"/>
+</svg>

package/ab-icons/filled/bluetooth_connected.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" aria-hidden="true">
+  <defs>
+    <mask id="bluetooth_connectedMask" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+      <path d="M12 4.0 V20.0 M12 4.0 L17.0 7.6 L12 12 M12 20 L17 16.4 L12 12 M7 7.6 L12 12 M7 16.4 L12 12" fill="none" stroke="#fff" stroke-width="1.85" stroke-linecap="round" stroke-linejoin="round"/>
+      <path d="M4.5 10.5 L6.0 12.0 L4.5 13.5" fill="none" stroke="#fff" stroke-width="1.85" stroke-linecap="round" stroke-linejoin="round"/>
+      <path d="M19.5 10.5 L21.0 12.0 L19.5 13.5" fill="none" stroke="#fff" stroke-width="1.85" stroke-linecap="round" stroke-linejoin="round"/>
+
+    </mask>
+  </defs>
+  <rect width="24" height="24" fill="currentColor" mask="url(#bluetooth_connectedMask)"/>
+</svg>

package/ab-icons/filled/bolt.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" aria-hidden="true">
+  <defs>
+    <mask id="boltMask" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+      <path d="M13.2 3.5 L7.2 12.8 H11.2 L10.0 20.5 L17.0 10.5 H13.0 Z" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+
+    </mask>
+  </defs>
+  <rect width="24" height="24" fill="currentColor" mask="url(#boltMask)"/>
+</svg>

package/ab-icons/filled/bomb.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" aria-hidden="true">
+  <defs>
+    <mask id="bombMask" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+      <path d="M8.5 10.5 A5.5 5.5 0 1 0 8.5 21.5 A5.5 5.5 0 1 0 8.5 10.5 Z" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+      <path d="M12.2 9.8 L14.8 6.8 L16.0 7.8 L13.4 10.8 Z" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+      <path d="M15.0 6.5 C16.2 5.8 17.5 6.5 17.2 7.8 C18.5 7.5 19.2 8.8 18.2 9.5" fill="none" stroke="#fff" stroke-width="1.85" stroke-linecap="round"/>
+
+    </mask>
+  </defs>
+  <rect width="24" height="24" fill="currentColor" mask="url(#bombMask)"/>
+</svg>

package/ab-icons/filled/book.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" aria-hidden="true">
+  <defs>
+    <mask id="bookMask" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+      <path d="M6.0 4.8 H16.4 A1.8 1.8 0 0 1 18.2 6.6 V17.8 A1.8 1.8 0 0 1 16.4 19.6 H6.0 A1.5 1.5 0 0 1 4.5 18.1 V6.3 A1.5 1.5 0 0 1 6.0 4.8 Z" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+      <rect x="6.7" y="5.4" width="2.0" height="13.6" fill="#000"/>
+      <rect x="9.4" y="16.7" width="6.8" height="1.8" rx="0.3" fill="#000"/>
+    </mask>
+  </defs>
+  <rect width="24" height="24" fill="currentColor" mask="url(#bookMask)"/>
+</svg>

package/ab-icons/filled/bookmark.svg

@@ -1,4 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" aria-hidden="true">
-  <path d="M7 4.5 H17 A1.5 1.5 0 0 1 18.5 6 V19.5 L12 15.2 L5.5 19.5 V6 A1.5 1.5 0 0 1 7 4.5 Z" fill="currentColor"/>
+  <defs>
+    <mask id="bookmarkMask" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+      <path d="M7 4.5 H17 A1.5 1.5 0 0 1 18.5 6 V19.5 L12 15.2 L5.5 19.5 V6 A1.5 1.5 0 0 1 7 4.5 Z" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+
+    </mask>
+  </defs>
+  <rect width="24" height="24" fill="currentColor" mask="url(#bookmarkMask)"/>
 </svg>

package/ab-icons/filled/bug_report.svg

@@ -1,13 +1,19 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" aria-hidden="true">
-  <path d="M9 9.5 C9 7.5 10.3 6 12 6 C13.7 6 15 7.5 15 9.5 V15.5 C15 17.5 13.7 19 12 19 C10.3 19 9 17.5 9 15.5 Z" fill="currentColor"/>
-  <line x1="12" y1="3.8" x2="12" y2="6" stroke="currentColor" stroke-width="1.85" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
-  <line x1="5.5" y1="10" x2="9" y2="11" stroke="currentColor" stroke-width="1.85" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
-  <line x1="5.5" y1="14" x2="9" y2="14" stroke="currentColor" stroke-width="1.85" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
-  <line x1="18.5" y1="10" x2="15" y2="11" stroke="currentColor" stroke-width="1.85" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
-  <line x1="18.5" y1="14" x2="15" y2="14" stroke="currentColor" stroke-width="1.85" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
-  <line x1="7" y1="18.5" x2="9.2" y2="16.5" stroke="currentColor" stroke-width="1.85" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
-  <line x1="17" y1="18.5" x2="14.8" y2="16.5" stroke="currentColor" stroke-width="1.85" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
-  <line x1="7" y1="6.5" x2="9.2" y2="8.5" stroke="currentColor" stroke-width="1.85" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
-  <line x1="17" y1="6.5" x2="14.8" y2="8.5" stroke="currentColor" stroke-width="1.85" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
+  <defs>
+    <mask id="bug_reportMask" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+      <path d="M9 9.5 C9 7.5 10.3 6 12 6 C13.7 6 15 7.5 15 9.5 V15.5 C15 17.5 13.7 19 12 19 C10.3 19 9 17.5 9 15.5 Z" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+      <line x1="12" y1="3.8" x2="12" y2="6" fill="none" stroke="#fff" stroke-width="1.85" stroke-linecap="round" stroke-linejoin="round"/>
+      <line x1="5.5" y1="10" x2="9" y2="11" fill="none" stroke="#fff" stroke-width="1.85" stroke-linecap="round" stroke-linejoin="round"/>
+      <line x1="5.5" y1="14" x2="9" y2="14" fill="none" stroke="#fff" stroke-width="1.85" stroke-linecap="round" stroke-linejoin="round"/>
+      <line x1="18.5" y1="10" x2="15" y2="11" fill="none" stroke="#fff" stroke-width="1.85" stroke-linecap="round" stroke-linejoin="round"/>
+      <line x1="18.5" y1="14" x2="15" y2="14" fill="none" stroke="#fff" stroke-width="1.85" stroke-linecap="round" stroke-linejoin="round"/>
+      <line x1="7" y1="18.5" x2="9.2" y2="16.5" fill="none" stroke="#fff" stroke-width="1.85" stroke-linecap="round" stroke-linejoin="round"/>
+      <line x1="17" y1="18.5" x2="14.8" y2="16.5" fill="none" stroke="#fff" stroke-width="1.85" stroke-linecap="round" stroke-linejoin="round"/>
+      <line x1="7" y1="6.5" x2="9.2" y2="8.5" fill="none" stroke="#fff" stroke-width="1.85" stroke-linecap="round" stroke-linejoin="round"/>
+      <line x1="17" y1="6.5" x2="14.8" y2="8.5" fill="none" stroke="#fff" stroke-width="1.85" stroke-linecap="round" stroke-linejoin="round"/>
+
+    </mask>
+  </defs>
+  <rect width="24" height="24" fill="currentColor" mask="url(#bug_reportMask)"/>
 </svg>

package/ab-icons/filled/build.svg

@@ -1,4 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" aria-hidden="true">
-  <path d="M18.5 5.5 C16.5 3.5 13.2 3.8 11.5 5.8 L14.2 8.5 L13 12 L9.5 13.2 L6.8 10.5 C4.8 12.2 4.5 15.5 6.5 17.5 C8.2 19.2 10.8 19.5 12.8 18.2 L18.8 12.2 C20.2 10.2 19.8 7.2 18.5 5.5 Z" fill="currentColor"/>
+  <defs>
+    <mask id="buildMask" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+      <path d="M18.5 5.5 C16.5 3.5 13.2 3.8 11.5 5.8 L14.2 8.5 L13 12 L9.5 13.2 L6.8 10.5 C4.8 12.2 4.5 15.5 6.5 17.5 C8.2 19.2 10.8 19.5 12.8 18.2 L18.8 12.2 C20.2 10.2 19.8 7.2 18.5 5.5 Z" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+
+    </mask>
+  </defs>
+  <rect width="24" height="24" fill="currentColor" mask="url(#buildMask)"/>
 </svg>

package/ab-icons/filled/cable_car.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" aria-hidden="true">
+  <defs>
+    <mask id="cable_carMask" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+      <line x1="4" y1="5.5" x2="20" y2="5.5" stroke="#fff" stroke-width="1.85" stroke-linecap="round"/>
+      <path d="M11.05 5.5 H12.95 V9.0 H11.05 Z" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+      <path d="M7.0 9.0 H17.0 A1.5 1.5 0 0 1 18.5 10.5 V17.5 A1.5 1.5 0 0 1 17.0 19.0 H7.0 A1.5 1.5 0 0 1 5.5 17.5 V10.5 A1.5 1.5 0 0 1 7.0 9.0 Z" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+      <rect x="11.1" y="9.5" width="1.8" height="9.0" fill="#000"/>
+      <rect x="6.0" y="12.7" width="12.0" height="1.7" fill="#000"/>
+      <rect x="6.8" y="10.3" width="3.6" height="2.0" fill="#000"/>
+      <rect x="13.6" y="10.3" width="3.6" height="2.0" fill="#000"/>
+    </mask>
+  </defs>
+  <rect width="24" height="24" fill="currentColor" mask="url(#cable_carMask)"/>
+</svg>

package/ab-icons/filled/cake.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" aria-hidden="true">
+  <defs>
+    <mask id="cakeMask" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+      <path d="M4.5 14.0 H6.8 V10.0 H17.2 V14.0 H19.5 V18.6 A1.6 1.6 0 0 1 17.9 20.2 H6.1 A1.6 1.6 0 0 1 4.5 18.6 Z" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+      <path d="M10.7 6.9 H13.3 V10.0 H10.7 Z" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+      <path d="M12.0 6.6 C11.1 5.5 11.35 4.0 12.0 3.5 C12.65 4.0 12.9 5.5 12.0 6.6 Z" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+      <path d="M6.8 12.6 Q8.2 14.6 9.4 12.6 Q10.6 14.6 11.8 12.6 Q13.0 14.6 14.2 12.6 Q15.4 14.6 16.6 12.6 Q17.2 13.4 17.2 14.0 L17.2 15.0 L6.8 15.0 Z" fill="#000"/>
+    </mask>
+  </defs>
+  <rect width="24" height="24" fill="currentColor" mask="url(#cakeMask)"/>
+</svg>

package/ab-icons/filled/calculate.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" aria-hidden="true">
+  <defs>
+    <mask id="calculateMask" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+      <path d="M7 3.8 H17 A2 2 0 0 1 19 5.8 V18.2 A2 2 0 0 1 17 20.2 H7 A2 2 0 0 1 5 18.2 V5.8 A2 2 0 0 1 7 3.8 Z" fill="#fff" stroke="#fff" stroke-width="1.85" stroke-linejoin="round"/>
+      <rect x="7.5" y="6.5" width="9.0" height="3.0" rx="0.4" fill="#000"/>
+      <line x1="8" y1="12.5" x2="10.5" y2="12.5" stroke="#000" stroke-width="1.85" stroke-linecap="round"/>
+      <line x1="13.5" y1="12.5" x2="16" y2="12.5" stroke="#000" stroke-width="1.85" stroke-linecap="round"/>
+      <line x1="8" y1="15.5" x2="10.5" y2="15.5" stroke="#000" stroke-width="1.85" stroke-linecap="round"/>
+      <path d="M13.5 14.2 L16 16.8 M16 14.2 L13.5 16.8" stroke="#000" stroke-width="1.85" stroke-linecap="round" fill="none"/>
+    </mask>
+  </defs>
+  <rect width="24" height="24" fill="currentColor" mask="url(#calculateMask)"/>
+</svg>