ab-nextjs-icons 0.1.2 → 0.1.3

package/CHANGELOG.md

@@ -2,6 +2,8 @@
 
 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.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)
 
-### 0.1.1 (2025-03-09)
+### 0.1.1 (2025-03-09)

package/LICENSE

@@ -1,25 +1,25 @@
-MIT License
-~~~~~~~~~~~
-ab-nextjs-icons
-~~~~~~~~~~~
-Copyright (c) 2024 Abraham Ukachi. The abElements Project.
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
-
-
+MIT License
+~~~~~~~~~~~
+ab-nextjs-icons
+~~~~~~~~~~~
+Copyright (c) 2026 Abraham Ukachi. The abElements Project.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+

package/README.md

@@ -1,149 +1,164 @@
-<p align="center">
-  <!-- Ab - Logo - Light Mode --> 
-  <a href="https://abraham-ukachi.vercel.app/#gh-light-mode-only" target="_blank">
-    <img src="./.github/ab-logo-light.svg" alt="Ab Logo on Light" width="64" height="64" />
-  </a>
-
-  <!-- Ab - Logo - Dark Mode --> 
-  <a href="https://abraham-ukachi.vercel.app/#gh-dark-mode-only" target="_blank">
-    <img src="./.github/ab-logo-dark.svg" alt="Ab Logo on Dark" width="64" height="64" />
-  </a>
-
-  <!-- Next.js - Logo Name - Light Mode -->
-  <a href="https://nextjs.org/#gh-light-mode-only" target="_blank">
-    <img src="./.github/nextjs-logoname-light.svg" alt="Next.js LogoName on Light" width="192" height="64" />
-  </a>
-
-  <!-- Next.js - Logo Name - Dark Mode -->
-  <a href="https://nextjs.org/#gh-dark-mode-only" target="_blank">
-    <img src="./.github/nextjs-logoname-dark.svg" alt="Next.js LogoName on Dark" width="192" height="64" />
-  </a>
-
-</p>
-
-
-<p align="center">
-    <a href="https://ab-elements.vercel.app/docs/icons" target="_blank"><b>Checkout abElements &rarr;</b></a>
-</p>
-
-
-# `ab-nextjs-icons`
-
-> IMPORTANT: This is a work in progress and subject to major changes until version 1.0.
-
-
-⭐️ This is a lightweight collection of icons for abElements created by [Abraham Ukachi](https://github.com/abraham-ukachi), and optimized for [Next.js](https://nextjs.org/docs) applications 😎. 
-
-
-
-## Getting Started
-
-### Installation
-
-#### npm
-
-```bash
-npm i ab-nextjs-icons 
-```
-
-#### pnpm
-
-```bash
-pnpm install ab-nextjs-icons 
-```
-
----
-
-
-## Usage
-
-#### ts
-```ts
-import { AbElementsLogo } from "ab-nextjs-icons/logos"
- 
-```
-
-
-## Icons
-
-A list of all the supported **icons** and their current status:
-
-| No. | Name | File | Status |
-|:----|:-----|:-----|:-------|
-| 1 | *`Material Icons`* | **`material-icons/index.css`** | [Done](./material-icons/index.css) |
-| 2 | *`Ant Design Icons`* | **`ant-design-icons/index.css`** | Pending |
-
-> NOTE: See google's [material icons/symbols](https://fonts.google.com/icons) for more details.
-
-
-
-## Logos 
-
-A list of all the supported **logos** and their current status:
-
-| No. | Name | File | Status |
-|:----|:-----|:-----|:-------|
-| 1 | *`AbElementsLogo`* | **`logos/ab-elements-logo.svg`** | [Done](./logos/ab-elements-logo.svg) |
-| 2 | *`AbLogoDark`* | **`logos/ab-logo-dark.svg`** | [Done](./logos/ab-logo-dark.svg) |
-| 3 | *`AbLogoLight`* | **`logos/ab-logo-light.svg`** | [Done](./logos/ab-logo-light.svg) |
-| 4 | *`AbLogo`* | **`logos/ab-logo.svg`** | [Done](./logos/ab-logo.svg) |
-| 5 | *`AbrahamUkachiLogo`* | **`logos/abraham-ukachi-logo.svg`** | [Done](./logos/abraham-ukachi-logo.svg) |
-| 6 | *`GithubLogo`* | **`logos/github-logo.svg`** | [Done](./logos/github-logo.svg) |
-| 7 | *`NextLogo`* | **`logos/next-logo.svg`** | [Done](./logos/next-logo.svg) |
-| 8 | *`VercelLogo`* | **`logos/vercel-logo.svg`** | [Done](./logos/vercel-logo.svg) |
-
-> NOTE:
-
-
-
-## Pics 
-
-A list of all the supported **pics** and their current status:
-
-| No. | Name | File | Status |
-|:----|:-----|:-----|:-------|
-| 1 | *`MePic`* | **`pics/me.svg`** | *In progress* |
-| 2 | *`MePicNobg`* | **`pics/me-nobg.svg`** | *In progress* |
-
-> NOTE:
-
-
-
-
-## Launchers 
-
-A list of all the supported **launchers** and their current status:
-
-| No. | Name | File | Status |
-|:----|:-----|:-----|:-------|
-| 1 | *`AbContainedLauncher`* | **`launchers/ab-contained-launcher.svg`** | Pending |
-
-> NOTE:
-
-
-
-
-
-
-## Learn More abElements
-
-To learn more about **`abElements`**, take a look at the following resources:
-
-- [abElements Documentation](https://ab-elements.vercel.app/docs) - learn about `abElements` features and API.
-- [abElements Animations](https://ab-elements.vercel.app/docs/animations) - learn about **animations** in `abElements`.
-- [abElements Core](https://ab-elements.vercel.app/docs/core) - learn about **core** in `abElements`.
-- [abElements Theme](https://ab-elements.vercel.app/docs/theme) - learn about **theme** in `abElements`.
-- [abElements Icons](https://ab-elements.vercel.app/docs/icons) - learn about **icons** in `abElements`.
-- [abElements Components](https://ab-elements.vercel.app/docs/components) - learn about **components** in `abElements`. 
-- [abElements Fonts](https://ab-elements.vercel.app/docs/fonts) - learn about **fonts** in `abElements`. 
-- [abElements Hooks](https://ab-elements.vercel.app/docs/hooks) - learn about **hooks** in `abElements`. 
-
-You can check out [the abElements GitHub repository](https://github.com/abraham-ukachi/ab-elements-app) for more details.
-
-
-## License
-
-This **`ab-nextjs-icons`** project is [MIT Licensed](./LICENSE) ;)
-
-
-
+<p align="center">
+  <!-- Ab - Logo - Light Mode --> 
+  <a href="https://abraham-ukachi.vercel.app/#gh-light-mode-only" target="_blank">
+    <img src="./.github/ab-logo-light.svg" alt="Ab Logo on Light" width="64" height="64" />
+  </a>
+
+  <!-- Ab - Logo - Dark Mode --> 
+  <a href="https://abraham-ukachi.vercel.app/#gh-dark-mode-only" target="_blank">
+    <img src="./.github/ab-logo-dark.svg" alt="Ab Logo on Dark" width="64" height="64" />
+  </a>
+
+  <!-- Next.js - Logo Name - Light Mode -->
+  <a href="https://nextjs.org/#gh-light-mode-only" target="_blank">
+    <img src="./.github/nextjs-logoname-light.svg" alt="Next.js LogoName on Light" width="192" height="64" />
+  </a>
+
+  <!-- Next.js - Logo Name - Dark Mode -->
+  <a href="https://nextjs.org/#gh-dark-mode-only" target="_blank">
+    <img src="./.github/nextjs-logoname-dark.svg" alt="Next.js LogoName on Dark" width="192" height="64" />
+  </a>
+
+</p>
+
+
+<p align="center">
+    <a href="https://ab-elements.vercel.app/docs/icons" target="_blank"><b>Checkout abElements &rarr;</b></a>
+</p>
+
+
+# `ab-nextjs-icons`
+
+> IMPORTANT: This is a work in progress and subject to major changes until version 1.0.
+
+
+⭐️ This is a lightweight collection of icons for abElements created by [Abraham Ukachi](https://github.com/abraham-ukachi), and optimized for [Next.js](https://nextjs.org/docs) applications 😎. 
+
+
+
+## Getting Started
+
+### Installation
+
+#### npm
+
+```bash
+npm i ab-nextjs-icons 
+```
+
+#### pnpm
+
+```bash
+pnpm install ab-nextjs-icons 
+```
+
+---
+
+
+## Usage
+
+#### ts
+```ts
+import { AbElementsLogo } from "ab-nextjs-icons/logos"
+ 
+```
+
+
+## Icons
+
+A list of all the supported **icons** and their current status:
+
+| No. | Name | File | Status |
+|:----|:-----|:-----|:-------|
+| 1 | *`Material Icons`* | **`material-icons/index.css`** | [Done](./material-icons/index.css) |
+| 2 | *`Ant Design Icons`* | **`ant-design-icons/index.css`** | [Done](./ant-design-icons/index.css)* |
+| 3 | *`AbIcons`* (Material) | **`ab-icons/index.css`** | [Done](./ab-icons/index.css) |
+
+> NOTE: See google's [material icons/symbols](https://fonts.google.com/icons) for more details.
+>
+> \* Ant Design Icons ships **full** filled + outlined catalogs from `@ant-design/icons-svg` (`ant-design-icons/outlined|filled`, `index.css` + `catalog.css`). TwoTone omitted.
+>
+> AbIcons (Material) uses Material snake_case names (`home`, `arrow_back`, …) with **original AbIcons geometry** (not Google Material path data). See [`ab-icons/README.md`](./ab-icons/README.md).
+
+
+
+## Logos 
+
+A list of all the supported **logos** and their current status:
+
+| No. | Name | File | Status |
+|:----|:-----|:-----|:-------|
+| 1 | *`AbElementsLogo`* | **`logos/ab-elements-logo.svg`** | [Done](./logos/ab-elements-logo.svg) |
+| 2 | *`AbElementsLogoDark`* | **`logos/ab-elements-logo-dark.svg`** | [Done](./logos/ab-elements-logo-dark.svg) |
+| 3 | *`AbElementsLogoLight`* | **`logos/ab-elements-logo-light.svg`** | [Done](./logos/ab-elements-logo-light.svg) |
+| 4 | *`AbLogoDark`* | **`logos/ab-logo-dark.svg`** | [Done](./logos/ab-logo-dark.svg) |
+| 5 | *`AbLogoLight`* | **`logos/ab-logo-light.svg`** | [Done](./logos/ab-logo-light.svg) |
+| 6 | *`AbLogo`* | **`logos/ab-logo.svg`** | [Done](./logos/ab-logo.svg) |
+| 7 | *`AbrahamUkachiLogo`* | **`logos/abraham-ukachi-logo.svg`** | [Done](./logos/abraham-ukachi-logo.svg) |
+| 8 | *`AbrahamUkachiLogoDark`* | **`logos/abraham-ukachi-logo-dark.svg`** | [Done](./logos/abraham-ukachi-logo-dark.svg) |
+| 9 | *`AbrahamUkachiLogoLight`* | **`logos/abraham-ukachi-logo-light.svg`** | [Done](./logos/abraham-ukachi-logo-light.svg) |
+| 10 | *`GithubLogo`* | **`logos/github-logo.svg`** | [Done](./logos/github-logo.svg) |
+| 11 | *`GithubLogoDark`* | **`logos/github-logo-dark.svg`** | [Done](./logos/github-logo-dark.svg) |
+| 12 | *`GithubLogoLight`* | **`logos/github-logo-light.svg`** | [Done](./logos/github-logo-light.svg) |
+| 13 | *`NextLogo`* | **`logos/next-logo.svg`** | [Done](./logos/next-logo.svg) |
+| 14 | *`NextLogoDark`* | **`logos/next-logo-dark.svg`** | [Done](./logos/next-logo-dark.svg) |
+| 15 | *`NextLogoLight`* | **`logos/next-logo-light.svg`** | [Done](./logos/next-logo-light.svg) |
+| 16 | *`VercelLogo`* | **`logos/vercel-logo.svg`** | [Done](./logos/vercel-logo.svg) |
+| 17 | *`VercelLogoDark`* | **`logos/vercel-logo-dark.svg`** | [Done](./logos/vercel-logo-dark.svg) |
+| 18 | *`VercelLogoLight`* | **`logos/vercel-logo-light.svg`** | [Done](./logos/vercel-logo-light.svg) |
+
+> NOTE:
+
+
+
+## Pics 
+
+A list of all the supported **pics** and their current status:
+
+| No. | Name | File | Status |
+|:----|:-----|:-----|:-------|
+| 1 | *`MePic`* | **`pics/me.jpg`** | [Done](./pics/me.jpg) |
+| 2 | *`MePicNobg`* | **`pics/me-nobg.jpg`** | [Done](./pics/me-nobg.jpg) |
+
+> NOTE: Sourced from `ab-nextjs-app/public` (`me.jpg`; `me-nobg` was PNG-only upstream — packaged as `me-nobg.jpg`).
+
+
+
+
+## Launchers 
+
+A list of all the supported **launchers** and their current status:
+
+| No. | Name | File | Status |
+|:----|:-----|:-----|:-------|
+| 1 | *`AbContainedLauncher`* | **`launchers/ab-contained-launcher.svg`** | [Done](./launchers/ab-contained-launcher.svg) |
+
+> NOTE:
+
+
+
+
+
+
+## Learn More abElements
+
+To learn more about **`abElements`**, take a look at the following resources:
+
+- [abElements Documentation](https://ab-elements.vercel.app/docs) - learn about `abElements` features and API.
+- [abElements Animations](https://ab-elements.vercel.app/docs/animations) - learn about **animations** in `abElements`.
+- [abElements Core](https://ab-elements.vercel.app/docs/core) - learn about **core** in `abElements`.
+- [abElements Theme](https://ab-elements.vercel.app/docs/theme) - learn about **theme** in `abElements`.
+- [abElements Icons](https://ab-elements.vercel.app/docs/icons) - learn about **icons** in `abElements`.
+- [abElements Components](https://ab-elements.vercel.app/docs/components) - learn about **components** in `abElements`. 
+- [abElements Fonts](https://ab-elements.vercel.app/docs/fonts) - learn about **fonts** in `abElements`. 
+- [abElements Hooks](https://ab-elements.vercel.app/docs/hooks) - learn about **hooks** in `abElements`. 
+
+You can check out [the abElements GitHub repository](https://github.com/abraham-ukachi/ab-elements-app) for more details.
+
+
+## License
+
+This **`ab-nextjs-icons`** project is [MIT Licensed](./LICENSE) ;)
+
+
+

package/ab-icons/README.md

@@ -0,0 +1,49 @@
+# AbIcons (Material)
+
+Material **snake_case** icon names with **original AbIcons geometry** (not Google Material path data).
+
+| Variant | Count | Path |
+|--------|------:|------|
+| Outlined | 84 | `outlined/*.svg` |
+| Filled | 55 | `filled/*.svg` |
+
+## Consume (John / Julie)
+
+### 1. Preferred for demos / Next — inline SVG strings
+
+```ts
+import { getAbIconSvg, abIconSvg, abIconNames } from "ab-nextjs-icons/ab-icons";
+
+const home = getAbIconSvg("home"); // outlined markup
+const homeFilled = getAbIconSvg("home", "filled");
+// or: abIconSvg.home.outlined / abIconSvg.home.filled
+```
+
+Inline the string (e.g. `dangerouslySetInnerHTML`) so `currentColor` themes work.
+
+### 2. CSS mask utilities
+
+```css
+@import "ab-nextjs-icons/ab-icons/index.css";
+```
+
+```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-filled abicon-favorite"></span>
+```
+
+### 3. Public static files
+
+Serve `node_modules/ab-nextjs-icons/ab-icons/...` **or** copy `ab-icons/svg` into:
+
+- `public/ab-icons/outlined|filled`, or
+- `public/ab-nextjs-icons/ab-icons/outlined|filled`
+
+then use `<img>` / `next/image`.
+
+## 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.

package/ab-icons/filled/account_circle.svg

@@ -0,0 +1,4 @@
+<?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"/>
+</svg>

package/ab-icons/filled/analytics.svg

@@ -0,0 +1,8 @@
+<?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"/>
+</svg>

package/ab-icons/filled/bookmark.svg

@@ -0,0 +1,4 @@
+<?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"/>
+</svg>

package/ab-icons/filled/bug_report.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">
+  <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"/>
+</svg>

package/ab-icons/filled/build.svg

@@ -0,0 +1,4 @@
+<?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"/>
+</svg>

package/ab-icons/filled/calendar_today.svg

@@ -0,0 +1,7 @@
+<?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="M6.3 6 H17.7 A1.8 1.8 0 0 1 19.5 7.8 V10 H4.5 V7.8 A1.8 1.8 0 0 1 6.3 6 Z" fill="currentColor"/>
+  <path d="M4.5 10 H19.5 V18.2 A1.8 1.8 0 0 1 17.7 20 H6.3 A1.8 1.8 0 0 1 4.5 18.2 Z" fill="currentColor"/>
+  <line x1="8" y1="4.5" x2="8" y2="7.5" stroke="currentColor" stroke-width="1.85" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
+  <line x1="16" y1="4.5" x2="16" y2="7.5" stroke="currentColor" stroke-width="1.85" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
+</svg>

package/ab-icons/filled/camera.svg

@@ -0,0 +1,5 @@
+<?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 fill="currentColor" fill-rule="evenodd" d="M8 7.5 L9.2 5.5 H14.8 L16 7.5 H18.5 A1.5 1.5 0 0 1 20 9 V17 A1.5 1.5 0 0 1 18.5 18.5 H5.5 A1.5 1.5 0 0 1 4 17 V9 A1.5 1.5 0 0 1 5.5 7.5 Z M9 12.5 a3 3 0 1 0 6 0 a3 3 0 1 0 -6 0"/>
+  <circle cx="12" cy="12.5" r="1.5" fill="currentColor"/>
+</svg>

package/ab-icons/filled/cancel.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="cx" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+      <rect width="24" height="24" fill="#fff"/>
+      <line x1="9" y1="9" x2="15" y2="15" stroke="currentColor" stroke-width="1.85" stroke-linecap="round"/>
+      <line x1="15" y1="9" x2="9" y2="15" stroke="currentColor" stroke-width="1.85" stroke-linecap="round"/>
+    </mask>
+  </defs>
+  <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="currentColor" mask="url(#cx)"/>
+</svg>

package/ab-icons/filled/chat.svg

@@ -0,0 +1,4 @@
+<?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.5 5.5 H18.5 A1.8 1.8 0 0 1 20.3 7.3 V14.5 A1.8 1.8 0 0 1 18.5 16.3 H11 L7 19.5 V16.3 H5.5 A1.8 1.8 0 0 1 3.7 14.5 V7.3 A1.8 1.8 0 0 1 5.5 5.5 Z" fill="currentColor"/>
+</svg>

package/ab-icons/filled/check_box.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="cb" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+      <rect width="24" height="24" fill="#fff"/>
+      <path d="M8 12 L11 15 L16.5 9" stroke="currentColor" stroke-width="1.85" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
+    </mask>
+  </defs>
+  <path d="M6.5 4.5 H17.5 A2 2 0 0 1 19.5 6.5 V17.5 A2 2 0 0 1 17.5 19.5 H6.5 A2 2 0 0 1 4.5 17.5 V6.5 A2 2 0 0 1 6.5 4.5 Z" fill="currentColor" mask="url(#cb)"/>
+</svg>

package/ab-icons/filled/check_circle.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="cc" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+      <rect width="24" height="24" fill="#fff"/>
+      <path d="M8 12.2 L10.8 15 L16.2 9.2" stroke="currentColor" stroke-width="1.85" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
+    </mask>
+  </defs>
+  <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="currentColor" mask="url(#cc)"/>
+</svg>

package/ab-icons/filled/cloud.svg

@@ -0,0 +1,4 @@
+<?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.5 17.5 H16.5 C18.8 17.5 20.5 15.8 20.5 13.8 C20.5 11.9 19.1 10.3 17.3 10 C16.8 7.8 14.8 6.2 12.3 6.2 C9.6 6.2 7.4 8.1 7.0 10.6 C5.2 10.9 3.8 12.5 3.8 14.4 C3.8 16.2 5.4 17.5 7.5 17.5 Z" fill="currentColor"/>
+</svg>

package/ab-icons/filled/content_copy.svg

@@ -0,0 +1,5 @@
+<?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">
+  <rect x="8.5" y="8.5" width="11" height="11" rx="1.8" fill="currentColor"/>
+  <path d="M6.5 15.5 H5.5 A1.5 1.5 0 0 1 4 14 V5.5 A1.5 1.5 0 0 1 5.5 4 H14 A1.5 1.5 0 0 1 15.5 5.5 V6.5" stroke="currentColor" stroke-width="1.85" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
+</svg>

package/ab-icons/filled/dark_mode.svg

@@ -0,0 +1,4 @@
+<?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="M14.5 3.8 C10.2 4.5 7 8.2 7 12.5 C7 17 10.5 20.5 15 20.5 C16.2 20.5 17.3 20.2 18.3 19.7 C14.5 19.2 11.5 15.9 11.5 12 C11.5 8.8 13.2 6 15.8 4.6 C15.4 4.2 14.9 3.9 14.5 3.8 Z" fill="currentColor"/>
+</svg>

package/ab-icons/filled/dashboard.svg

@@ -0,0 +1,7 @@
+<?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">
+  <rect x="4" y="4" width="7" height="7" rx="1.6" fill="currentColor"/>
+  <rect x="13" y="4" width="7" height="4.5" rx="1.6" fill="currentColor"/>
+  <rect x="13" y="10.5" width="7" height="9.5" rx="1.6" fill="currentColor"/>
+  <rect x="4" y="13" width="7" height="7" rx="1.6" fill="currentColor"/>
+</svg>

package/ab-icons/filled/delete.svg

@@ -0,0 +1,5 @@
+<?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="M6 8 H18 M9 8 V6.2 A1.2 1.2 0 0 1 10.2 5 H13.8 A1.2 1.2 0 0 1 15 6.2 V8" stroke="currentColor" stroke-width="1.85" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
+  <path d="M8 8 H16 V18.2 A1.5 1.5 0 0 1 14.5 19.7 H9.5 A1.5 1.5 0 0 1 8 18.2 Z" fill="currentColor"/>
+</svg>

package/ab-icons/filled/edit.svg

@@ -0,0 +1,4 @@
+<?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 16.5 V19 H7.5 L17.2 9.3 L14.7 6.8 Z M15.8 5.7 L18.3 8.2 L16.5 10 L14 7.5 Z" fill="currentColor"/>
+</svg>

package/ab-icons/filled/error.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="er" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+      <rect width="24" height="24" fill="#fff"/>
+      <line x1="12" y1="7.5" x2="12" y2="13" stroke="currentColor" stroke-width="1.85" stroke-linecap="round"/>
+      <circle cx="12" cy="16.2" r="1.0" fill="currentColor"/>
+    </mask>
+  </defs>
+  <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="currentColor" mask="url(#er)"/>
+</svg>

package/ab-icons/filled/favorite.svg

@@ -0,0 +1,4 @@
+<?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 19.2 L5.8 13.4 C3.9 11.6 3.9 8.6 5.8 6.8 C7.6 5.1 10.4 5.3 12 7.2 C13.6 5.3 16.4 5.1 18.2 6.8 C20.1 8.6 20.1 11.6 18.2 13.4 Z" fill="currentColor"/>
+</svg>

package/ab-icons/filled/folder.svg

@@ -0,0 +1,4 @@
+<?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="M4.5 7.5 A1.5 1.5 0 0 1 6 6 H10 L12 8 H18 A1.5 1.5 0 0 1 19.5 9.5 V17 A1.5 1.5 0 0 1 18 18.5 H6 A1.5 1.5 0 0 1 4.5 17 Z" fill="currentColor"/>
+</svg>

package/ab-icons/filled/help.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="hp" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+      <rect width="24" height="24" fill="#fff"/>
+      <path d="M9.5 9.2 C9.5 7.5 10.7 6.5 12 6.5 C13.4 6.5 14.5 7.4 14.5 8.9 C14.5 10.2 13.5 10.8 12.5 11.4 C12 11.7 12 12.2 12 12.8" stroke="currentColor" stroke-width="1.85" stroke-linecap="round" fill="none"/>
+      <circle cx="12" cy="16.2" r="1.0" fill="currentColor"/>
+    </mask>
+  </defs>
+  <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="currentColor" mask="url(#hp)"/>
+</svg>

package/ab-icons/filled/home.svg

@@ -0,0 +1,4 @@
+<?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="M4.5 10.5 L12 4.2 L19.5 10.5 V19.2 A1.8 1.8 0 0 1 17.7 21 H14.2 V14.5 H9.8 V21 H6.3 A1.8 1.8 0 0 1 4.5 19.2 Z" fill="currentColor"/>
+</svg>