@softstroke/react-native 0.0.0-stage → 1.0.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,9 @@
+import type { ForwardRefExoticComponent, RefAttributes } from 'react';
+import type { SvgProps } from 'react-native-svg';
+export interface IconProps extends SvgProps {
+  size?: number | string;
+  color?: string;
+  strokeWidth?: number | string;
+}
+export type Icon = ForwardRefExoticComponent<IconProps & RefAttributes<unknown>>;
+export declare function createIcon(displayName: string, nodes: [string, Record<string, string>][], solid?: boolean): Icon;

package/dist/create-icon.js

@@ -0,0 +1,16 @@
+import { createElement, forwardRef } from 'react';
+import Svg, { Path, Circle, Rect, Line, Polyline, Polygon, Ellipse } from 'react-native-svg';
+
+const TAGS = {"path":"Path","circle":"Circle","rect":"Rect","line":"Line","polyline":"Polyline","polygon":"Polygon","ellipse":"Ellipse"};
+const MAP = { Path, Circle, Rect, Line, Polyline, Polygon, Ellipse };
+
+export function createIcon(displayName, nodes, solid = false) {
+  const Icon = forwardRef(({ size = 24, color = '#000', strokeWidth = 1.5, children, ...rest }, ref) =>
+    createElement(Svg, {
+      ref, width: size, height: size, viewBox: '0 0 24 24',
+      ...(solid ? { fill: color } : { fill: 'none', stroke: color, strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round' }),
+      ...rest,
+    }, ...nodes.map(([tag, attrs], i) => createElement(MAP[TAGS[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.02 5.04c.92-.38 1.93-.59 2.98-.59a7.75 7.75 0 0 1 7.75 7.75c0 1.05-.21 2.06-.59 2.98m-2.88 3.48c-1.23.82-2.7 1.29-4.28 1.29a7.75 7.75 0 0 1-7.75-7.75c0-1.58.47-3.05 1.29-4.28m11.27-4.77c1.59.85 2.93 2.09 3.88 3.62M8.72 19.22c-.32.68-.63 1.36-.95 2.04m7.51-2.04c.32.68.63 1.36.95 2.04"}],["path",{"d":"m3.25 2.45 17.5 17.5"}]]);

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.2","r":"7.75"}],["path",{"d":"M3.31 6.77a10.25 10.25 0 0 1 3.88-3.62m9.62 0a10.25 10.25 0 0 1 3.88 3.62"}],["path",{"d":"m8.72 19.22-.95 2.04m7.51-2.04.95 2.04"}],["path",{"d":"M12 9.2v6m-3-3h6"}]]);

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.2","r":"7.75"}],["path",{"d":"M3.31 6.77a10.25 10.25 0 0 1 3.88-3.62m9.62 0a10.25 10.25 0 0 1 3.88 3.62"}],["path",{"d":"m8.72 19.22-.95 2.04m7.51-2.04.95 2.04"}],["path",{"d":"M12 8.7v2.9q0 .6.52.9l1.98 1.2"}]]);

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.5v5.25"}],["circle",{"cx":"12","cy":"12","r":"9.25"}],["path",{"d":"M12 16.25h.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.52 5.86q1.48-2.61 2.96 0l6.74 11.88Q21.5 20 18.9 20H5.1q-2.6 0-1.32-2.26Z"}],["path",{"d":"M12 9.5v4.25"}],["path",{"d":"M12 16.75h.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.75 5.5h16.5M6.75 10h10.5m-13.5 4.5h16.5M6.75 19h10.5"}]]);

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.75 5.5h16.5M3.75 10h10.5m-10.5 4.5h16.5M3.75 19h10.5"}]]);

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.75 5.5h16.5M9.75 10h10.5m-16.5 4.5h16.5M9.75 19h10.5"}]]);

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":"5","r":"2"}],["path",{"d":"M12 7v13.57"}],["path",{"d":"M8.75 10.5h6.5"}],["path",{"d":"M5.25 13.65c0 3.73 3.02 6.92 6.75 6.92s6.75-3.19 6.75-6.92"}],["path",{"d":"m6.84 14.84-.79-.79q-.8-.8-1.6 0l-.79.79"}],["path",{"d":"m20.34 14.84-.79-.79q-.8-.8-1.6 0l-.79.79"}]]);

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.56 8c1.32-.8 2.54-.9 3.76-.52 2.64.75 3.58 3.66 2.92 6.58-.75 3.48-3.1 6.96-5.36 6.72-.85-.09-1.22-.42-1.88-.42s-1.03.33-1.88.42c-2.26.24-4.61-3.24-5.36-6.72-.66-2.92.28-5.83 2.92-6.58 1.22-.38 2.44-.28 3.76.52q.56.37 1.12 0"}],["path",{"d":"M12.65 5.4q-.3 0-.21-.29l.03-.07q.11-.36.25-.69t.31-.61.39-.5.5-.36q.27-.15.59-.23t.68-.11.73-.04H16q.3 0 .21.29l-.03.07q-.11.36-.25.69t-.31.61-.39.5-.5.36q-.27.15-.59.23t-.68.11-.73.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":"M4.5 4h15c.82 0 1.24 0 1.49.26.26.25.26.67.26 1.49V7c0 .82 0 1.24-.26 1.49-.25.26-.67.26-1.49.26h-15c-.82 0-1.24 0-1.49-.26-.26-.25-.26-.67-.26-1.49V5.75c0-.82 0-1.24.26-1.49C3.26 4 3.68 4 4.5 4"}],["path",{"d":"M4.75 8.75V17c0 1.65 0 2.47.51 2.99.52.51 1.34.51 2.99.51h7.5c1.65 0 2.47 0 2.99-.51.51-.52.51-1.34.51-2.99V8.75"}],["path",{"d":"M10 12.75h4"}]]);

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":"M15.75 8.25v5a2.75 2.75 0 0 0 5.5 0V12a9.25 9.25 0 1 0-3.56 7.29"}],["circle",{"cx":"12","cy":"12","r":"3.75"}]]);

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":"M3 10.5v3m3.5-6v9M10 4v16m3.5-12v8M17 5.5v13m3.5-8.5v4"}]]);

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.7 13.46-1.01 6.35q-.19 1.19.86.61l2.4-1.34q1.05-.58 2.1 0l2.4 1.34q1.05.58.86-.61l-1.01-6.35"}],["circle",{"cx":"12","cy":"8.75","r":"5.75"}]]);

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.52 3.67q1.48-1.17 2.96 0 1.49 1.17 3.36 1.39 1.88.22 2.1 2.1.22 1.87 1.39 3.36 1.17 1.48 0 2.96-1.17 1.49-1.39 3.36-.22 1.88-2.1 2.1-1.87.22-3.36 1.39-1.48 1.17-2.96 0-1.49-1.17-3.36-1.39-1.88-.22-2.1-2.1-.22-1.87-1.39-3.36-1.17-1.48 0-2.96 1.17-1.49 1.39-3.36.22-1.88 2.1-2.1 1.87-.22 3.36-1.39"}],["path",{"d":"m8.5 12.25 1.83 1.83q.92.92 1.8-.04l3.37-3.79"}]]);

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":"M5.44 9.88Q5.75 7.5 8.15 7.5h7.7q2.4 0 2.71 2.38l.99 7.5q.45 3.37-2.95 3.37H7.4q-3.4 0-2.95-3.37Z"}],["path",{"d":"M9 7.5V6c0-1.66 1.34-3 3-3s3 1.34 3 3v1.5"}]]);

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":"M7 5.5h10c2.12 0 3.18 0 3.84.66s.66 1.72.66 3.84v4c0 2.12 0 3.18-.66 3.84s-1.72.66-3.84.66H7c-2.12 0-3.18 0-3.84-.66S2.5 16.12 2.5 14v-4c0-2.12 0-3.18.66-3.84S4.88 5.5 7 5.5"}],["circle",{"cx":"12","cy":"12","r":"2.75"}],["circle",{"cx":"6","cy":"12","r":".75"}],["circle",{"cx":"18","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":"M5 12h.5c.71 0 1.06 0 1.28.22s.22.57.22 1.28V19c0 .71 0 1.06-.22 1.28s-.57.22-1.28.22H5c-.71 0-1.06 0-1.28-.22S3.5 19.71 3.5 19v-5.5c0-.71 0-1.06.22-1.28S4.29 12 5 12"}],["path",{"d":"M11.75 3.5h.5c.71 0 1.06 0 1.28.22s.22.57.22 1.28v14c0 .71 0 1.06-.22 1.28s-.57.22-1.28.22h-.5c-.71 0-1.06 0-1.28-.22s-.22-.57-.22-1.28V5c0-.71 0-1.06.22-1.28s.57-.22 1.28-.22"}],["path",{"d":"M18.5 8.5h.5c.71 0 1.06 0 1.28.22s.22.57.22 1.28v9c0 .71 0 1.06-.22 1.28s-.57.22-1.28.22h-.5c-.71 0-1.06 0-1.28-.22S17 19.71 17 19v-9c0-.71 0-1.06.22-1.28s.57-.22 1.28-.22"}]]);

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.75 7.5V5.75c0-1.41 0-2.12.44-2.56s1.15-.44 2.56-.44H7.5"}],["path",{"d":"M16.5 2.75h1.75c1.41 0 2.12 0 2.56.44s.44 1.15.44 2.56V7.5"}],["path",{"d":"M21.25 16.5v1.75c0 1.41 0 2.12-.44 2.56s-1.15.44-2.56.44H16.5"}],["path",{"d":"M7.5 21.25H5.75c-1.41 0-2.12 0-2.56-.44s-.44-1.15-.44-2.56V16.5"}],["path",{"d":"M7 8v8m3-8v8m4-8v8m3-8v8"}]]);

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":"M6 7h10c1.65 0 2.47 0 2.99.51.51.52.51 1.34.51 2.99v3c0 1.65 0 2.47-.51 2.99-.52.51-1.34.51-2.99.51H6c-1.65 0-2.47 0-2.99-.51-.51-.52-.51-1.34-.51-2.99v-3c0-1.65 0-2.47.51-2.99C3.53 7 4.35 7 6 7"}],["path",{"d":"M21.5 10.5v3"}],["path",{"d":"m12 9.25-1.99 2.39q-.51.61.28.48l1.42-.24q.79-.13.28.48L10 14.75"}]]);

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":"M6 7h10c1.65 0 2.47 0 2.99.51.51.52.51 1.34.51 2.99v3c0 1.65 0 2.47-.51 2.99-.52.51-1.34.51-2.99.51H6c-1.65 0-2.47 0-2.99-.51-.51-.52-.51-1.34-.51-2.99v-3c0-1.65 0-2.47.51-2.99C3.53 7 4.35 7 6 7"}],["path",{"d":"M21.5 10.5v3"}]]);

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.82 18.5H4.8c-.63 0-.95-.8-.5-1.25l.2-.2c.65-.6 1-1.45 1-2.35V9.75q0-.735.15-1.41m2.53-3.85A6.46 6.46 0 0 1 12 3.25a6.5 6.5 0 0 1 6.5 6.5v5.07"}],["path",{"d":"M10.25 20.25q1.75 1.25 3.5 0"}],["path",{"d":"m3.25 2.75 17.5 17.5"}]]);

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":"M5.5 9.75a6.5 6.5 0 0 1 13 0v4.95c0 .9.35 1.75 1 2.35l.2.2c.45.45.13 1.25-.5 1.25H4.8c-.63 0-.95-.8-.5-1.25l.2-.2c.65-.6 1-1.45 1-2.35Z"}],["path",{"d":"M10.25 20.25q1.75 1.25 3.5 0"}],["path",{"d":"M3 8.25A9 9 0 0 1 5.25 3.5"}],["path",{"d":"M21 8.25a9 9 0 0 0-2.25-4.75"}]]);

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":"M5.5 9.75a6.5 6.5 0 0 1 13 0v4.95c0 .9.35 1.75 1 2.35l.2.2c.45.45.13 1.25-.5 1.25H4.8c-.63 0-.95-.8-.5-1.25l.2-.2c.65-.6 1-1.45 1-2.35Z"}],["path",{"d":"M10.25 20.25q1.75 1.25 3.5 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.75","cy":"15.5","r":"3.25"}],["circle",{"cx":"18.25","cy":"15.5","r":"3.25"}],["path",{"d":"m5.75 15.5 2.8-5.61Q9 9 10 9h4.5q1 0 1.39.92l2.36 5.58"}],["path",{"d":"M9.14 9.22c.86 1.87 1.58 3.51 2.44 5.37.28.61.58.62.89.03 1.01-1.87 1.87-3.52 2.88-5.39"}],["path",{"d":"M9.14 9.22c-.25-.91-.64-2.05-.89-2.97m-1.5 0h3"}],["path",{"d":"M15.35 9.23c-.2-.99-.25-2.21-.44-3.2-.11-.54.08-.78.64-.78H17"}]]);

package/dist/icons/bluetooth.d.ts

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