@softstroke/react 0.0.0-stage → 1.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Sarthak Kamble
+
+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,3 +1,213 @@
-# Temporary Holding Version
+<p align="center">
+  <img src="https://raw.githubusercontent.com/Sarthak102/softstroke/main/docs/logo.svg" alt="Softstroke logo" width="96">
+</p>
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+<h1 align="center">Softstroke</h1>
+
+<p align="center">
+  Soft, rounded icons for web and mobile. 310 icons, each in stroke and solid.
+</p>
+
+<p align="center">
+  <a href="https://sarthak102.github.io/softstroke/"><strong>Browse the icons</strong></a>
+  &nbsp;·&nbsp;
+  <a href="https://sarthak102.github.io/softstroke/docs/">Docs</a>
+  &nbsp;·&nbsp;
+  <a href="https://sarthak102.github.io/softstroke/use-cases/">Use cases</a>
+</p>
+
+<p align="center">
+  <img src="https://raw.githubusercontent.com/Sarthak102/softstroke/main/docs/preview.webp" alt="Weather, health, smart home and music app cards built with Softstroke icons" width="800">
+</p>
+
+## What it is
+
+Softstroke is an open-source icon set drawn on a 24px grid with a 1.5px stroke, round caps and squircle corners. Every icon has a solid twin under the same name, so an active state is a one-word import change.
+
+- **Two styles, one name.** `HomeIcon` from `@softstroke/react` is the stroke; from `@softstroke/react/solid` it's the solid.
+- **Every major framework.** React, React Native, Vue, Svelte and Angular packages, plain SVG with a sprite, and an icon font.
+- **Small.** About 0.4 KB per icon, tree-shakable, no runtime.
+- **Accessible by default.** Icons are hidden from screen readers unless you give them a label.
+- **MIT licensed.** Free for personal and commercial work.
+
+## Packages
+
+| Package | For |
+|---|---|
+| `@softstroke/react` | React, Next.js, Vite, Remix |
+| `@softstroke/react-native` | React Native, Expo (needs `react-native-svg`) |
+| `@softstroke/vue` | Vue 3, Nuxt |
+| `@softstroke/svelte` | Svelte 5, SvelteKit |
+| `@softstroke/angular` | Angular 17+ (standalone components) |
+| `@softstroke/svg` | Plain HTML, any framework: SVG files, a sprite, JSON |
+| `@softstroke/font` | One CSS link, no build step: `<i class="ss ss-home">` |
+
+## Quick start
+
+```bash
+npm i @softstroke/react
+```
+
+```tsx
+import { HomeIcon, BellIcon } from '@softstroke/react';
+import { HomeIcon as HomeSolidIcon } from '@softstroke/react/solid';
+
+<HomeIcon />                                   // 24px, inherits the text color
+<HomeSolidIcon color="#2563eb" />              // the same icon, solid
+<BellIcon size={20} strokeWidth={2} aria-label="Notifications" />
+```
+
+| Prop | Default | |
+|---|---|---|
+| `size` | `24` | width and height |
+| `color` | `currentColor` (web), `#000` (native) | stroke color (fill color for solid) |
+| `strokeWidth` | `1.5` | stroke icons only |
+
+Any other SVG prop (`className`, `style`, `onClick`, ...) is passed through. When an icon is the only content of a button, put the label on the button, or pass `aria-label` to the icon.
+
+<details>
+<summary><strong>React Native / Expo</strong></summary>
+
+```bash
+npx expo install react-native-svg && npm i @softstroke/react-native
+```
+
+```tsx
+import { HomeIcon } from '@softstroke/react-native';
+// Metro doesn't tree-shake: in big apps, import single icons to keep the bundle small
+import CalendarIcon from '@softstroke/react-native/icons/calendar';
+
+<HomeIcon size={24} color="#111" />
+```
+</details>
+
+<details>
+<summary><strong>Vue 3</strong></summary>
+
+```bash
+npm i @softstroke/vue
+```
+
+```vue
+<script setup>
+import { HomeIcon } from '@softstroke/vue';
+import { HomeIcon as HomeSolidIcon } from '@softstroke/vue/solid';
+</script>
+
+<template>
+  <HomeIcon :size="24" />
+  <HomeSolidIcon color="#2563eb" />
+</template>
+```
+</details>
+
+<details>
+<summary><strong>Svelte 5</strong></summary>
+
+```bash
+npm i @softstroke/svelte
+```
+
+```svelte
+<script>
+  import { HomeIcon } from '@softstroke/svelte';
+  import { HomeIcon as HomeSolidIcon } from '@softstroke/svelte/solid';
+</script>
+
+<HomeIcon size={24} />
+<HomeSolidIcon color="#2563eb" />
+```
+</details>
+
+<details>
+<summary><strong>Angular</strong></summary>
+
+```bash
+npm i @softstroke/angular
+```
+
+Every icon is a standalone component: `ss-<name>`, and `ss-<name>-solid` from `@softstroke/angular/solid`.
+
+```ts
+import { HomeIcon } from '@softstroke/angular';
+import { HomeIcon as HomeSolidIcon } from '@softstroke/angular/solid';
+
+@Component({
+  imports: [HomeIcon, HomeSolidIcon],
+  template: `<ss-home [size]="24" /> <ss-home-solid color="#2563eb" aria-label="Home" />`,
+})
+export class Toolbar {}
+```
+</details>
+
+<details>
+<summary><strong>Plain SVG and the icon font</strong></summary>
+
+```html
+<svg width="24" height="24"><use href="/sprite.svg#home" /></svg>
+```
+
+Single files are in `@softstroke/svg/icons/<name>.svg`, solids in `solid/icons/<name>.svg`.
+
+```html
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@softstroke/font@1/dist/softstroke.css" />
+
+<i class="ss ss-home"></i>        <!-- stroke -->
+<i class="ss-solid ss-home"></i>  <!-- solid -->
+```
+
+Font icons follow `font-size` and `color`. The stroke width is fixed at 1.5 (a font glyph is a filled outline); use a framework package for other weights.
+</details>
+
+## Design notes
+
+- **One drawing grid.** 24px canvas, 2px padding, 1.5px round stroke, squircle corners and softened vertices. Shared shapes come from small geometry helpers in `scripts/geo.py`, so a family (calendar, calendar-plus, calendar-x) reuses the exact same paths.
+- **Lint, don't eyeball.** `scripts/lint_joins.py` flags sharp vertices and line ends that stop just short of another stroke; `scripts/bbox.py` checks the live area and centring.
+- **Solids are generated, never hand-edited.** `scripts/solids.py` turns each stroke icon into its solid twin (outer edge as the silhouette, details cut at the stroke's own size), and `scripts/lint_solid.py` catches slivers, hairline gaps and tiny islands.
+- **One source, many packages.** `scripts/build.mjs` optimises the SVGs with SVGO and writes every package from the same shape list, then `scripts/check.mjs` renders every icon in every framework.
+- **The font can't drift.** `font/` is built from the icons in Python and stamped with a hash of its sources; the build fails if an icon changed without rebuilding the font.
+
+## Project structure
+
+```
+icons/               Stroke icons, the source of truth (SVG)
+icons-solid/         Solid twins, generated by scripts/solids.py
+keywords.json        Search words for every icon
+categories.json      Category for every icon
+font/                Icon font sources (generated, committed)
+packages/            One npm package per framework (dist/ is built)
+scripts/             Build, checks and the Python drawing tools
+web/                 The website (Next.js, static export to GitHub Pages)
+brand/               Logo
+docs/                Images for this README
+```
+
+## Running locally
+
+You need Node 22. The Python tools (solids, font) are only needed when you change icons.
+
+1. Install with `npm install`.
+2. Build and check every package with `npm test`.
+3. Run the website: `cd web && npm install && npm run dev`.
+
+To draw or change icons, set up the Python tools once:
+
+```bash
+python3 -m venv .venv && .venv/bin/pip install -r requirements-dev.txt
+```
+
+## Checks
+
+```
+npm test                                  Build every package and render every icon
+python3 scripts/lint_joins.py             Stroke joins and line ends
+python3 scripts/bbox.py <names>           Live area and centring
+.venv/bin/python scripts/solids.py        Regenerate icons-solid/
+.venv/bin/python scripts/lint_solid.py    Solid slivers, gaps and islands
+.venv/bin/python scripts/font.py          Rebuild the icon font
+npm run site                              Build the website into web/out
+```
+
+## License
+
+MIT, by [Sarthak Kamble](https://github.com/Sarthak102).

package/dist/create-icon.d.ts

@@ -0,0 +1,8 @@
+import type { ForwardRefExoticComponent, RefAttributes, SVGProps } from 'react';
+export interface IconProps extends Omit<SVGProps<SVGSVGElement>, 'ref'> {
+  size?: number | string;
+  color?: string;
+  strokeWidth?: number | string;
+}
+export type Icon = ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
+export declare function createIcon(displayName: string, nodes: [string, Record<string, string>][], solid?: boolean): Icon;

package/dist/create-icon.js

@@ -0,0 +1,15 @@
+import { createElement, forwardRef } from 'react';
+
+export function createIcon(displayName, nodes, solid = false) {
+  const Icon = forwardRef(({ size = 24, color = 'currentColor', strokeWidth = 1.5, children, ...rest }, ref) =>
+    createElement('svg', {
+      ref, xmlns: 'http://www.w3.org/2000/svg', width: size, height: size, viewBox: '0 0 24 24',
+      // Solid icons are pure fills: strokeWidth has nothing to act on.
+      ...(solid ? { fill: color } : { fill: 'none', stroke: color, strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round' }),
+      // Decorative by default; passing aria-label (or title as a child) makes it meaningful.
+      'aria-hidden': rest['aria-label'] || rest['aria-labelledby'] ? undefined : true,
+      ...rest,
+    }, ...nodes.map(([tag, attrs], i) => createElement(tag, { key: i, ...attrs })), children));
+  Icon.displayName = displayName;
+  return Icon;
+}

package/dist/icons/alarm-off.d.ts

@@ -0,0 +1,3 @@
+import type { Icon } from './../create-icon.js';
+declare const AlarmOffIcon: Icon;
+export default AlarmOffIcon;

package/dist/icons/alarm-off.js

@@ -0,0 +1,2 @@
+import { createIcon } from './../create-icon.js';
+export default createIcon('AlarmOffIcon', [["path",{"d":"M9.55 4.47c.77-.25 1.6-.38 2.45-.38 4.48 0 8.12 3.64 8.12 8.12 0 .85-.13 1.68-.38 2.45m-3.83 4.66c-1.16.64-2.5 1-3.91 1-4.48 0-8.12-3.63-8.12-8.11 0-1.41.37-2.75 1.01-3.91m12.15-5.57c1.66.89 3.06 2.19 4.06 3.79M8.57 19.56c-.34.71-.66 1.42-1 2.14m7.86-2.14c.34.71.66 1.42 1 2.14"}],["path",{"d":"m2.84 2 18.32 18.32"}]]);

package/dist/icons/alarm-plus.d.ts

@@ -0,0 +1,3 @@
+import type { Icon } from './../create-icon.js';
+declare const AlarmPlusIcon: Icon;
+export default AlarmPlusIcon;

package/dist/icons/alarm-plus.js

@@ -0,0 +1,2 @@
+import { createIcon } from './../create-icon.js';
+export default createIcon('AlarmPlusIcon', [["circle",{"cx":"12","cy":"12.21","r":"8.12"}],["path",{"d":"M2.9 6.52a10.73 10.73 0 0 1 4.06-3.79m10.08 0a10.73 10.73 0 0 1 4.06 3.79"}],["path",{"d":"m8.57 19.56-1 2.14m7.86-2.14 1 2.14"}],["path",{"d":"M12 9.07v6.28m-3.14-3.14h6.28"}]]);

package/dist/icons/alarm.d.ts

@@ -0,0 +1,3 @@
+import type { Icon } from './../create-icon.js';
+declare const AlarmIcon: Icon;
+export default AlarmIcon;

package/dist/icons/alarm.js

@@ -0,0 +1,2 @@
+import { createIcon } from './../create-icon.js';
+export default createIcon('AlarmIcon', [["circle",{"cx":"12","cy":"12.21","r":"8.12"}],["path",{"d":"M2.9 6.52a10.73 10.73 0 0 1 4.06-3.79m10.08 0a10.73 10.73 0 0 1 4.06 3.79"}],["path",{"d":"m8.57 19.56-1 2.14m7.86-2.14 1 2.14"}],["path",{"d":"M12 8.54v3.04q0 .63.54.94l2.08 1.26"}]]);

package/dist/icons/alert-circle.d.ts

@@ -0,0 +1,3 @@
+import type { Icon } from './../create-icon.js';
+declare const AlertCircleIcon: Icon;
+export default AlertCircleIcon;

package/dist/icons/alert-circle.js

@@ -0,0 +1,2 @@
+import { createIcon } from './../create-icon.js';
+export default createIcon('AlertCircleIcon', [["path",{"d":"M12 7.14v5.67"}],["circle",{"cx":"12","cy":"12","r":"10"}],["path",{"d":"M12 16.59h.01"}]]);

package/dist/icons/alert-triangle.d.ts

@@ -0,0 +1,3 @@
+import type { Icon } from './../create-icon.js';
+declare const AlertTriangleIcon: Icon;
+export default AlertTriangleIcon;

package/dist/icons/alert-triangle.js

@@ -0,0 +1,2 @@
+import { createIcon } from './../create-icon.js';
+export default createIcon('AlertTriangleIcon', [["path",{"d":"M10.4 5.36q1.6-2.82 3.2 0l7.29 12.85q1.38 2.44-1.43 2.44H4.54q-2.81 0-1.43-2.44Z"}],["path",{"d":"M12 9.3v4.59"}],["path",{"d":"M12 17.14h.01"}]]);

package/dist/icons/align-center.d.ts

@@ -0,0 +1,3 @@
+import type { Icon } from './../create-icon.js';
+declare const AlignCenterIcon: Icon;
+export default AlignCenterIcon;

package/dist/icons/align-center.js

@@ -0,0 +1,2 @@
+import { createIcon } from './../create-icon.js';
+export default createIcon('AlignCenterIcon', [["path",{"d":"M3.08 4.97h17.84M6.32 9.84h11.36M3.08 14.7h17.84m-14.6 4.87h11.36"}]]);

package/dist/icons/align-left.d.ts

@@ -0,0 +1,3 @@
+import type { Icon } from './../create-icon.js';
+declare const AlignLeftIcon: Icon;
+export default AlignLeftIcon;

package/dist/icons/align-left.js

@@ -0,0 +1,2 @@
+import { createIcon } from './../create-icon.js';
+export default createIcon('AlignLeftIcon', [["path",{"d":"M3.08 4.97h17.84M3.08 9.84h11.35M3.08 14.7h17.84M3.08 19.57h11.35"}]]);

package/dist/icons/align-right.d.ts

@@ -0,0 +1,3 @@
+import type { Icon } from './../create-icon.js';
+declare const AlignRightIcon: Icon;
+export default AlignRightIcon;

package/dist/icons/align-right.js

@@ -0,0 +1,2 @@
+import { createIcon } from './../create-icon.js';
+export default createIcon('AlignRightIcon', [["path",{"d":"M3.08 4.97h17.84M9.57 9.84h11.35M3.08 14.7h17.84M9.57 19.57h11.35"}]]);

package/dist/icons/anchor.d.ts

@@ -0,0 +1,3 @@
+import type { Icon } from './../create-icon.js';
+declare const AnchorIcon: Icon;
+export default AnchorIcon;

package/dist/icons/anchor.js

@@ -0,0 +1,2 @@
+import { createIcon } from './../create-icon.js';
+export default createIcon('AnchorIcon', [["circle",{"cx":"12","cy":"4.43","r":"2.16"}],["path",{"d":"M12 6.59v14.68"}],["path",{"d":"M8.49 10.38h7.02"}],["path",{"d":"M4.7 13.78c0 4.04 3.27 7.49 7.3 7.49s7.3-3.45 7.3-7.49"}],["path",{"d":"m6.42 15.07-.85-.85q-.87-.87-1.73 0l-.86.85"}],["path",{"d":"m21.02 15.07-.86-.85q-.86-.87-1.73 0l-.85.85"}]]);

package/dist/icons/apple.d.ts

@@ -0,0 +1,3 @@
+import type { Icon } from './../create-icon.js';
+declare const AppleIcon: Icon;
+export default AppleIcon;

package/dist/icons/apple.js

@@ -0,0 +1,2 @@
+import { createIcon } from './../create-icon.js';
+export default createIcon('AppleIcon', [["path",{"d":"M12.59 7.79c1.39-.84 2.67-.95 3.96-.55 2.78.79 3.77 3.85 3.07 6.93-.79 3.66-3.26 7.32-5.64 7.07-.9-.09-1.29-.44-1.98-.44s-1.08.35-1.98.44c-2.38.25-4.85-3.41-5.64-7.07-.7-3.08.29-6.14 3.07-6.93 1.29-.4 2.57-.29 3.96.55q.59.39 1.18 0"}],["path",{"d":"M12.49 4.72q-.27 0-.19-.27l.03-.07q.1-.32.23-.62.13-.32.28-.56.16-.29.37-.48.21-.2.46-.33.26-.16.55-.23.3-.06.63-.09.34-.03.68-.04h.07q.28 0 .19.28l-.02.07q-.11.32-.23.63-.13.3-.29.55-.16.28-.36.47-.21.2-.47.34-.25.15-.55.2-.29.08-.62.11-.34.04-.68.04Z"}]]);

package/dist/icons/archive.d.ts

@@ -0,0 +1,3 @@
+import type { Icon } from './../create-icon.js';
+declare const ArchiveIcon: Icon;
+export default ArchiveIcon;

package/dist/icons/archive.js

@@ -0,0 +1,2 @@
+import { createIcon } from './../create-icon.js';
+export default createIcon('ArchiveIcon', [["path",{"d":"M3.89 3.35h16.22c.88 0 1.34 0 1.61.28.28.27.28.73.28 1.61v1.35c0 .89 0 1.35-.28 1.62-.27.28-.73.28-1.61.28H3.89c-.88 0-1.34 0-1.61-.28C2 7.94 2 7.48 2 6.59V5.24c0-.88 0-1.34.28-1.61.27-.28.73-.28 1.61-.28"}],["path",{"d":"M4.16 8.49v8.92c0 1.78 0 2.67.55 3.23.57.55 1.45.55 3.24.55h8.1c1.79 0 2.67 0 3.24-.55.55-.56.55-1.45.55-3.23V8.49"}],["path",{"d":"M9.84 12.81h4.32"}]]);

package/dist/icons/arrow-down-left.d.ts

@@ -0,0 +1,3 @@
+import type { Icon } from './../create-icon.js';
+declare const ArrowDownLeftIcon: Icon;
+export default ArrowDownLeftIcon;

package/dist/icons/arrow-down-left.js

@@ -0,0 +1,2 @@
+import { createIcon } from './../create-icon.js';
+export default createIcon('ArrowDownLeftIcon', [["path",{"d":"M18.5 5.5 6.15 17.85"}],["path",{"d":"M5.75 9.25v7.4q0 1.6 1.6 1.6h7.4"}]]);

package/dist/icons/arrow-down-right.d.ts

@@ -0,0 +1,3 @@
+import type { Icon } from './../create-icon.js';
+declare const ArrowDownRightIcon: Icon;
+export default ArrowDownRightIcon;

package/dist/icons/arrow-down-right.js

@@ -0,0 +1,2 @@
+import { createIcon } from './../create-icon.js';
+export default createIcon('ArrowDownRightIcon', [["path",{"d":"m5.5 5.5 12.35 12.35"}],["path",{"d":"M9.25 18.25h7.4q1.6 0 1.6-1.6v-7.4"}]]);

package/dist/icons/arrow-down.d.ts

@@ -0,0 +1,3 @@
+import type { Icon } from './../create-icon.js';
+declare const ArrowDownIcon: Icon;
+export default ArrowDownIcon;

package/dist/icons/arrow-down.js

@@ -0,0 +1,2 @@
+import { createIcon } from './../create-icon.js';
+export default createIcon('ArrowDownIcon', [["path",{"d":"M12 4.25v14.93"}],["path",{"d":"m5.75 13.5 5.12 5.12q1.13 1.13 2.26 0l5.12-5.12"}]]);

package/dist/icons/arrow-left-right.d.ts

@@ -0,0 +1,3 @@
+import type { Icon } from './../create-icon.js';
+declare const ArrowLeftRightIcon: Icon;
+export default ArrowLeftRightIcon;

package/dist/icons/arrow-left-right.js

@@ -0,0 +1,2 @@
+import { createIcon } from './../create-icon.js';
+export default createIcon('ArrowLeftRightIcon', [["path",{"d":"M4.5 8h14.43"}],["path",{"d":"m15.26 12.24 3.11-3.11q1.13-1.13 0-2.26l-3.11-3.11"}],["path",{"d":"M19.5 16H5.07"}],["path",{"d":"m8.74 11.76-3.11 3.11q-1.13 1.13 0 2.26l3.11 3.11"}]]);

package/dist/icons/arrow-left.d.ts

@@ -0,0 +1,3 @@
+import type { Icon } from './../create-icon.js';
+declare const ArrowLeftIcon: Icon;
+export default ArrowLeftIcon;

package/dist/icons/arrow-left.js

@@ -0,0 +1,2 @@
+import { createIcon } from './../create-icon.js';
+export default createIcon('ArrowLeftIcon', [["path",{"d":"M19.75 12H4.82"}],["path",{"d":"m10.5 5.75-5.12 5.12q-1.13 1.13 0 2.26l5.12 5.12"}]]);

package/dist/icons/arrow-right.d.ts

@@ -0,0 +1,3 @@
+import type { Icon } from './../create-icon.js';
+declare const ArrowRightIcon: Icon;
+export default ArrowRightIcon;

package/dist/icons/arrow-right.js

@@ -0,0 +1,2 @@
+import { createIcon } from './../create-icon.js';
+export default createIcon('ArrowRightIcon', [["path",{"d":"M4.25 12h14.93"}],["path",{"d":"m13.5 18.25 5.12-5.12q1.13-1.13 0-2.26L13.5 5.75"}]]);

package/dist/icons/arrow-up-down.d.ts

@@ -0,0 +1,3 @@
+import type { Icon } from './../create-icon.js';
+declare const ArrowUpDownIcon: Icon;
+export default ArrowUpDownIcon;

package/dist/icons/arrow-up-down.js

@@ -0,0 +1,2 @@
+import { createIcon } from './../create-icon.js';
+export default createIcon('ArrowUpDownIcon', [["path",{"d":"M8 19.5V5.07"}],["path",{"d":"M11.01 7.51 9.13 5.63Q8 4.5 6.87 5.63L4.99 7.51"}],["path",{"d":"M16 4.5v14.43"}],["path",{"d":"m12.99 16.49 1.88 1.88q1.13 1.13 2.26 0l1.88-1.88"}]]);

package/dist/icons/arrow-up-left.d.ts

@@ -0,0 +1,3 @@
+import type { Icon } from './../create-icon.js';
+declare const ArrowUpLeftIcon: Icon;
+export default ArrowUpLeftIcon;

package/dist/icons/arrow-up-left.js

@@ -0,0 +1,2 @@
+import { createIcon } from './../create-icon.js';
+export default createIcon('ArrowUpLeftIcon', [["path",{"d":"M18.5 18.5 6.15 6.15"}],["path",{"d":"M14.75 5.75h-7.4q-1.6 0-1.6 1.6v7.4"}]]);

package/dist/icons/arrow-up-right.d.ts

@@ -0,0 +1,3 @@
+import type { Icon } from './../create-icon.js';
+declare const ArrowUpRightIcon: Icon;
+export default ArrowUpRightIcon;

package/dist/icons/arrow-up-right.js

@@ -0,0 +1,2 @@
+import { createIcon } from './../create-icon.js';
+export default createIcon('ArrowUpRightIcon', [["path",{"d":"M5.5 18.5 17.85 6.15"}],["path",{"d":"M18.25 14.75v-7.4q0-1.6-1.6-1.6h-7.4"}]]);

package/dist/icons/arrow-up.d.ts

@@ -0,0 +1,3 @@
+import type { Icon } from './../create-icon.js';
+declare const ArrowUpIcon: Icon;
+export default ArrowUpIcon;

package/dist/icons/arrow-up.js

@@ -0,0 +1,2 @@
+import { createIcon } from './../create-icon.js';
+export default createIcon('ArrowUpIcon', [["path",{"d":"M12 19.75V4.82"}],["path",{"d":"m18.25 10.5-5.12-5.12q-1.13-1.13-2.26 0L5.75 10.5"}]]);

package/dist/icons/at-sign.d.ts

@@ -0,0 +1,3 @@
+import type { Icon } from './../create-icon.js';
+declare const AtSignIcon: Icon;
+export default AtSignIcon;

package/dist/icons/at-sign.js

@@ -0,0 +1,2 @@
+import { createIcon } from './../create-icon.js';
+export default createIcon('AtSignIcon', [["path",{"d":"M16.05 7.95v5.4a2.975 2.975 0 0 0 5.95 0V12a9.997 9.997 0 1 0-3.85 7.88"}],["circle",{"cx":"12","cy":"12","r":"4.05"}]]);

package/dist/icons/audio-lines.d.ts

@@ -0,0 +1,3 @@
+import type { Icon } from './../create-icon.js';
+declare const AudioLinesIcon: Icon;
+export default AudioLinesIcon;

package/dist/icons/audio-lines.js

@@ -0,0 +1,2 @@
+import { createIcon } from './../create-icon.js';
+export default createIcon('AudioLinesIcon', [["path",{"d":"M2.27 10.38v3.24m3.78-6.48v9.72M9.84 3.35v17.3m3.78-12.97v8.64m3.79-11.35v14.06m3.78-9.19v4.32"}]]);

package/dist/icons/award.d.ts

@@ -0,0 +1,3 @@
+import type { Icon } from './../create-icon.js';
+declare const AwardIcon: Icon;
+export default AwardIcon;

package/dist/icons/award.js

@@ -0,0 +1,2 @@
+import { createIcon } from './../create-icon.js';
+export default createIcon('AwardIcon', [["path",{"d":"m8.43 13.58-1.09 6.86q-.2 1.29.93.66l2.59-1.45q1.14-.62 2.28 0l2.59 1.45q1.13.63.93-.66l-1.09-6.86"}],["circle",{"cx":"12","cy":"8.49","r":"6.22"}]]);

package/dist/icons/badge-check.d.ts

@@ -0,0 +1,3 @@
+import type { Icon } from './../create-icon.js';
+declare const BadgeCheckIcon: Icon;
+export default BadgeCheckIcon;

package/dist/icons/badge-check.js

@@ -0,0 +1,2 @@
+import { createIcon } from './../create-icon.js';
+export default createIcon('BadgeCheckIcon', [["path",{"d":"M10.4 2.99q1.6-1.26 3.2 0 1.61 1.27 3.63 1.51 2.03.24 2.27 2.27.24 2.02 1.51 3.63 1.26 1.6 0 3.2-1.27 1.61-1.51 3.63-.24 2.03-2.27 2.27-2.02.24-3.63 1.51-1.6 1.26-3.2 0-1.61-1.27-3.63-1.51-2.03-.24-2.27-2.27-.24-2.02-1.51-3.63-1.26-1.6 0-3.2Q4.26 8.79 4.5 6.77q.24-2.03 2.27-2.27 2.02-.24 3.63-1.51"}],["path",{"d":"m8.22 12.27 1.97 1.98q1 .99 1.95-.04l3.64-4.1"}]]);

package/dist/icons/bag.d.ts

@@ -0,0 +1,3 @@
+import type { Icon } from './../create-icon.js';
+declare const BagIcon: Icon;
+export default BagIcon;

package/dist/icons/bag.js

@@ -0,0 +1,2 @@
+import { createIcon } from './../create-icon.js';
+export default createIcon('BagIcon', [["path",{"d":"M4.91 9.71q.33-2.57 2.93-2.57h8.32q2.6 0 2.93 2.57l1.07 8.11q.49 3.64-3.19 3.64H7.03q-3.68 0-3.19-3.64Z"}],["path",{"d":"M8.76 7.14V5.51a3.24 3.24 0 1 1 6.48 0v1.63"}]]);

package/dist/icons/banknote.d.ts

@@ -0,0 +1,3 @@
+import type { Icon } from './../create-icon.js';
+declare const BanknoteIcon: Icon;
+export default BanknoteIcon;

package/dist/icons/banknote.js

@@ -0,0 +1,2 @@
+import { createIcon } from './../create-icon.js';
+export default createIcon('BanknoteIcon', [["path",{"d":"M6.74 5.16h10.52c2.23 0 3.35 0 4.04.69.7.7.7 1.81.7 4.04v4.22c0 2.23 0 3.34-.7 4.04-.69.69-1.81.69-4.04.69H6.74c-2.23 0-3.35 0-4.04-.69-.7-.7-.7-1.81-.7-4.04V9.89c0-2.23 0-3.34.7-4.04.69-.69 1.81-.69 4.04-.69"}],["circle",{"cx":"12","cy":"12","r":"2.89"}],["circle",{"cx":"5.68","cy":"12","r":".75"}],["circle",{"cx":"18.32","cy":"12","r":".75"}]]);

package/dist/icons/bar-chart.d.ts

@@ -0,0 +1,3 @@
+import type { Icon } from './../create-icon.js';
+declare const BarChartIcon: Icon;
+export default BarChartIcon;

package/dist/icons/bar-chart.js

@@ -0,0 +1,2 @@
+import { createIcon } from './../create-icon.js';
+export default createIcon('BarChartIcon', [["path",{"d":"M4.43 12h.54c.77 0 1.15 0 1.39.24.23.24.23.61.23 1.38v5.95c0 .77 0 1.14-.23 1.38-.24.24-.62.24-1.39.24h-.54c-.77 0-1.14 0-1.38-.24s-.24-.61-.24-1.38v-5.95c0-.77 0-1.14.24-1.38S3.66 12 4.43 12"}],["path",{"d":"M11.73 2.81h.54c.77 0 1.15 0 1.38.24.24.24.24.61.24 1.38v15.14c0 .77 0 1.14-.24 1.38-.23.24-.61.24-1.38.24h-.54c-.77 0-1.15 0-1.38-.24-.24-.24-.24-.61-.24-1.38V4.43c0-.77 0-1.14.24-1.38.23-.24.61-.24 1.38-.24"}],["path",{"d":"M19.03 8.22h.54c.77 0 1.14 0 1.38.23.24.24.24.62.24 1.39v9.73c0 .77 0 1.14-.24 1.38s-.61.24-1.38.24h-.54c-.77 0-1.15 0-1.39-.24-.23-.24-.23-.61-.23-1.38V9.84c0-.77 0-1.15.23-1.39.24-.23.62-.23 1.39-.23"}]]);

package/dist/icons/barcode.d.ts

@@ -0,0 +1,3 @@
+import type { Icon } from './../create-icon.js';
+declare const BarcodeIcon: Icon;
+export default BarcodeIcon;

package/dist/icons/barcode.js

@@ -0,0 +1,2 @@
+import { createIcon } from './../create-icon.js';
+export default createIcon('BarcodeIcon', [["path",{"d":"M2 7.14v-1.9c0-1.52 0-2.29.48-2.76C2.95 2 3.72 2 5.24 2h1.9"}],["path",{"d":"M16.86 2h1.9c1.52 0 2.29 0 2.76.48.48.47.48 1.24.48 2.76v1.9"}],["path",{"d":"M22 16.86v1.9c0 1.52 0 2.29-.48 2.76-.47.48-1.24.48-2.76.48h-1.9"}],["path",{"d":"M7.14 22h-1.9c-1.52 0-2.29 0-2.76-.48C2 21.05 2 20.28 2 18.76v-1.9"}],["path",{"d":"M6.59 7.68v8.64m3.25-8.64v8.64m4.32-8.64v8.64m3.25-8.64v8.64"}]]);

package/dist/icons/battery-charging.d.ts

@@ -0,0 +1,3 @@
+import type { Icon } from './../create-icon.js';
+declare const BatteryChargingIcon: Icon;
+export default BatteryChargingIcon;

package/dist/icons/battery-charging.js

@@ -0,0 +1,2 @@
+import { createIcon } from './../create-icon.js';
+export default createIcon('BatteryChargingIcon', [["path",{"d":"M5.68 6.74h10.11c1.74 0 2.6 0 3.15.53.53.55.53 1.41.53 3.15v3.16c0 1.74 0 2.6-.53 3.15-.55.53-1.41.53-3.15.53H5.68c-1.73 0-2.6 0-3.14-.53C2 16.18 2 15.32 2 13.58v-3.16c0-1.74 0-2.6.54-3.15.54-.53 1.41-.53 3.14-.53"}],["path",{"d":"M22 10.42v3.16"}],["path",{"d":"m11.95 9.25-1.99 2.39q-.51.61.28.48l1.41-.24q.8-.13.29.48l-2 2.39"}]]);

package/dist/icons/battery.d.ts

@@ -0,0 +1,3 @@
+import type { Icon } from './../create-icon.js';
+declare const BatteryIcon: Icon;
+export default BatteryIcon;

package/dist/icons/battery.js

@@ -0,0 +1,2 @@
+import { createIcon } from './../create-icon.js';
+export default createIcon('BatteryIcon', [["path",{"d":"M5.68 6.74h10.11c1.74 0 2.6 0 3.15.53.53.55.53 1.41.53 3.15v3.16c0 1.74 0 2.6-.53 3.15-.55.53-1.41.53-3.15.53H5.68c-1.73 0-2.6 0-3.14-.53C2 16.18 2 15.32 2 13.58v-3.16c0-1.74 0-2.6.54-3.15.54-.53 1.41-.53 3.14-.53"}],["path",{"d":"M22 10.42v3.16"}]]);

package/dist/icons/bell-off.d.ts

@@ -0,0 +1,3 @@
+import type { Icon } from './../create-icon.js';
+declare const BellOffIcon: Icon;
+export default BellOffIcon;

package/dist/icons/bell-off.js

@@ -0,0 +1,2 @@
+import { createIcon } from './../create-icon.js';
+export default createIcon('BellOffIcon', [["path",{"d":"M15.03 18.73H4.22c-.69 0-1.03-.87-.54-1.35.07-.08.14-.14.21-.22.7-.65 1.08-1.57 1.08-2.54V9.27c0-.19.01-.39.02-.57m3.17-5.32a7.033 7.033 0 0 1 10.87 5.89v4.98"}],["path",{"d":"M10.11 21.25q1.89.9 3.78 0"}],["path",{"d":"m2.54 2 18.92 18.92"}]]);

package/dist/icons/bell-ring.d.ts

@@ -0,0 +1,3 @@
+import type { Icon } from './../create-icon.js';
+declare const BellRingIcon: Icon;
+export default BellRingIcon;

package/dist/icons/bell-ring.js

@@ -0,0 +1,2 @@
+import { createIcon } from './../create-icon.js';
+export default createIcon('BellRingIcon', [["path",{"d":"M4.97 9.27a7.03 7.03 0 0 1 14.06 0v5.35c0 .97.38 1.89 1.08 2.54l.21.22c.49.48.15 1.35-.54 1.35H4.22c-.69 0-1.03-.87-.54-1.35l.21-.22c.7-.65 1.08-1.57 1.08-2.54Z"}],["path",{"d":"M10.11 21.25q1.89.9 3.78 0"}],["path",{"d":"M2.27 7.95A9.73 9.73 0 0 1 4.7 2.81"}],["path",{"d":"M21.73 7.95a9.73 9.73 0 0 0-2.43-5.14"}]]);

package/dist/icons/bell.d.ts

@@ -0,0 +1,3 @@
+import type { Icon } from './../create-icon.js';
+declare const BellIcon: Icon;
+export default BellIcon;

package/dist/icons/bell.js

@@ -0,0 +1,2 @@
+import { createIcon } from './../create-icon.js';
+export default createIcon('BellIcon', [["path",{"d":"M4.97 9.27a7.03 7.03 0 0 1 14.06 0v5.35c0 .97.38 1.89 1.08 2.54l.21.22c.49.48.15 1.35-.54 1.35H4.22c-.69 0-1.03-.87-.54-1.35l.21-.22c.7-.65 1.08-1.57 1.08-2.54Z"}],["path",{"d":"M10.11 21.25q1.89.9 3.78 0"}]]);

package/dist/icons/bike.d.ts

@@ -0,0 +1,3 @@
+import type { Icon } from './../create-icon.js';
+declare const BikeIcon: Icon;
+export default BikeIcon;

package/dist/icons/bike.js

@@ -0,0 +1,2 @@
+import { createIcon } from './../create-icon.js';
+export default createIcon('BikeIcon', [["circle",{"cx":"5.42","cy":"15.68","r":"3.42"}],["circle",{"cx":"18.58","cy":"15.68","r":"3.42"}],["path",{"d":"m5.42 15.68 2.95-5.9q.47-.94 1.52-.94h4.74q1.05 0 1.46.97l2.49 5.87"}],["path",{"d":"M8.99 9.07c.9 1.97 1.66 3.7 2.57 5.66.29.64.61.65.93.03 1.07-1.97 1.97-3.71 3.04-5.68"}],["path",{"d":"M8.99 9.07c-.26-.95-.67-2.15-.94-3.12m-1.58 0h3.16"}],["path",{"d":"M15.53 9.08c-.21-1.04-.27-2.32-.47-3.36-.11-.57.09-.83.68-.83h1.52"}]]);

package/dist/icons/bluetooth.d.ts

@@ -0,0 +1,3 @@
+import type { Icon } from './../create-icon.js';
+declare const BluetoothIcon: Icon;
+export default BluetoothIcon;