@btndprojects/loam-icons 0.1.0 → 0.2.1

package/README.md

@@ -0,0 +1,68 @@
+<p align="center">
+  <a href="https://loam.btndprojects.com"><img src="https://loam.btndprojects.com/apple-touch-icon.png" width="64" height="64" alt="Loam"></a>
+</p>
+
+<h1 align="center">@btndprojects/loam-icons</h1>
+
+<p align="center">The Loam icon set — framework-agnostic SVG data, shared by the web and native renderers.</p>
+
+<p align="center">
+  <a href="https://www.npmjs.com/package/@btndprojects/loam-icons"><img src="https://img.shields.io/npm/v/@btndprojects/loam-icons?color=c0563a&label=npm" alt="npm version"></a>
+  <a href="./LICENSE"><img src="https://img.shields.io/badge/license-MIT-3d7a48" alt="MIT license"></a>
+  <a href="https://loam.btndprojects.com"><img src="https://img.shields.io/badge/docs-loam.btndprojects.com-8c3a25" alt="Documentation"></a>
+</p>
+
+One outline set on a 24px grid with a 2px stroke and round caps and joins. Icons are stored as plain data, not components, so the same set renders on the web, on React Native, or anywhere else you can draw SVG.
+
+## Install
+
+```sh
+npm install @btndprojects/loam-icons
+```
+
+With Loam's component libraries you don't need to touch this package: use their `Icon` component (`<Icon name="check" />`).
+
+## Usage
+
+Render an icon with your own renderer:
+
+```tsx
+import { icons, ICON_VIEWBOX, type IconName } from '@btndprojects/loam-icons';
+
+export function Icon({ name, size = 20 }: { name: IconName; size?: number }) {
+  return (
+    <svg width={size} height={size} viewBox={ICON_VIEWBOX} fill="none" stroke="currentColor"
+      strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" aria-hidden>
+      {icons[name].map((p, i) => {
+        switch (p.t) {
+          case 'path': return <path key={i} d={p.d} />;
+          case 'circle': return <circle key={i} cx={p.cx} cy={p.cy} r={p.r} fill={p.fill ? 'currentColor' : undefined} />;
+          case 'line': return <line key={i} x1={p.x1} y1={p.y1} x2={p.x2} y2={p.y2} />;
+          case 'rect': return <rect key={i} x={p.x} y={p.y} width={p.width} height={p.height} rx={p.rx} ry={p.ry} />;
+          case 'polyline': return <polyline key={i} points={p.points} />;
+          case 'polygon': return <polygon key={i} points={p.points} />;
+        }
+      })}
+    </svg>
+  );
+}
+```
+
+## Credits
+
+The icon artwork comes from [Lucide](https://lucide.dev) (ISC), which itself builds on [Feather](https://feathericons.com) (MIT). See [`THIRD-PARTY-NOTICES`](./THIRD-PARTY-NOTICES).
+
+## Documentation
+
+Guides, live examples and the full API are on **[loam.btndprojects.com](https://loam.btndprojects.com)** — start with [Iconography](https://loam.btndprojects.com/#/foundations/icons).
+
+## Related packages
+
+- [`@btndprojects/loam-ui-web`](https://www.npmjs.com/package/@btndprojects/loam-ui-web) — renders these icons on the web
+- [`@btndprojects/loam-ui-native`](https://www.npmjs.com/package/@btndprojects/loam-ui-native) — renders these icons on React Native
+
+## License
+
+MIT © Nuszpl Botond
+
+The icon geometry is derived from Lucide (ISC) and Feather (MIT); their licenses are reproduced in [`THIRD-PARTY-NOTICES`](./THIRD-PARTY-NOTICES).

package/dist/index.d.ts

@@ -651,6 +651,19 @@ declare const iconData: {
         t: "path";
         d: string;
     }[];
+    cart: ({
+        t: "circle";
+        cx: number;
+        cy: number;
+        r: number;
+        d?: undefined;
+    } | {
+        t: "path";
+        d: string;
+        cx?: undefined;
+        cy?: undefined;
+        r?: undefined;
+    })[];
     coins: ({
         t: "path";
         d: string;
@@ -839,6 +852,155 @@ declare const iconData: {
         cy?: undefined;
         r?: undefined;
     })[];
+    'chevrons-left': {
+        t: "path";
+        d: string;
+    }[];
+    'chevrons-right': {
+        t: "path";
+        d: string;
+    }[];
+    'thumbs-up': {
+        t: "path";
+        d: string;
+    }[];
+    'thumbs-down': {
+        t: "path";
+        d: string;
+    }[];
+    stop: {
+        t: "rect";
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+        rx: number;
+    }[];
+    paperclip: {
+        t: "path";
+        d: string;
+    }[];
+    brain: {
+        t: "path";
+        d: string;
+    }[];
+    message: {
+        t: "path";
+        d: string;
+    }[];
+    'folder-open': {
+        t: "path";
+        d: string;
+    }[];
+    'folder-plus': {
+        t: "path";
+        d: string;
+    }[];
+    'folder-up': {
+        t: "path";
+        d: string;
+    }[];
+    'folder-input': {
+        t: "path";
+        d: string;
+    }[];
+    'file-text': {
+        t: "path";
+        d: string;
+    }[];
+    'file-code': {
+        t: "path";
+        d: string;
+    }[];
+    'file-image': ({
+        t: "path";
+        d: string;
+        cx?: undefined;
+        cy?: undefined;
+        r?: undefined;
+    } | {
+        t: "circle";
+        cx: number;
+        cy: number;
+        r: number;
+        d?: undefined;
+    })[];
+    'file-video': {
+        t: "path";
+        d: string;
+    }[];
+    'file-audio': ({
+        t: "path";
+        d: string;
+        cx?: undefined;
+        cy?: undefined;
+        r?: undefined;
+    } | {
+        t: "circle";
+        cx: number;
+        cy: number;
+        r: number;
+        d?: undefined;
+    })[];
+    'file-sheet': {
+        t: "path";
+        d: string;
+    }[];
+    'file-slides': {
+        t: "path";
+        d: string;
+    }[];
+    'file-archive': ({
+        t: "path";
+        d: string;
+        cx?: undefined;
+        cy?: undefined;
+        r?: undefined;
+    } | {
+        t: "circle";
+        cx: number;
+        cy: number;
+        r: number;
+        d?: undefined;
+    })[];
+    'hard-drive': {
+        t: "path";
+        d: string;
+    }[];
+    scissors: ({
+        t: "circle";
+        cx: number;
+        cy: number;
+        r: number;
+        d?: undefined;
+    } | {
+        t: "path";
+        d: string;
+        cx?: undefined;
+        cy?: undefined;
+        r?: undefined;
+    })[];
+    clipboard: ({
+        t: "path";
+        d: string;
+        x?: undefined;
+        y?: undefined;
+        width?: undefined;
+        height?: undefined;
+        rx?: undefined;
+    } | {
+        t: "rect";
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+        rx: number;
+        d?: undefined;
+    })[];
+    rename: {
+        t: "path";
+        d: string;
+    }[];
     sparkle: ({
         t: "path";
         d: string;
@@ -869,6 +1031,395 @@ declare const iconData: {
         rx: number;
         d?: undefined;
     })[];
+    'key-command': {
+        t: "path";
+        d: string;
+    }[];
+    'key-shift': {
+        t: "path";
+        d: string;
+    }[];
+    'key-option': {
+        t: "path";
+        d: string;
+    }[];
+    'key-control': {
+        t: "path";
+        d: string;
+    }[];
+    'key-enter': {
+        t: "path";
+        d: string;
+    }[];
+    'key-tab': {
+        t: "path";
+        d: string;
+    }[];
+    'key-backspace': {
+        t: "path";
+        d: string;
+    }[];
+    'key-space': {
+        t: "path";
+        d: string;
+    }[];
+    'key-capslock': {
+        t: "path";
+        d: string;
+    }[];
+    'git-branch': ({
+        t: "path";
+        d: string;
+        cx?: undefined;
+        cy?: undefined;
+        r?: undefined;
+    } | {
+        t: "circle";
+        cx: number;
+        cy: number;
+        r: number;
+        d?: undefined;
+    })[];
+    'git-commit': ({
+        t: "circle";
+        cx: number;
+        cy: number;
+        r: number;
+        x1?: undefined;
+        y1?: undefined;
+        x2?: undefined;
+        y2?: undefined;
+    } | {
+        t: "line";
+        x1: number;
+        y1: number;
+        x2: number;
+        y2: number;
+        cx?: undefined;
+        cy?: undefined;
+        r?: undefined;
+    })[];
+    'git-diff': ({
+        t: "circle";
+        cx: number;
+        cy: number;
+        r: number;
+        d?: undefined;
+    } | {
+        t: "path";
+        d: string;
+        cx?: undefined;
+        cy?: undefined;
+        r?: undefined;
+    })[];
+    'git-fork': ({
+        t: "circle";
+        cx: number;
+        cy: number;
+        r: number;
+        d?: undefined;
+    } | {
+        t: "path";
+        d: string;
+        cx?: undefined;
+        cy?: undefined;
+        r?: undefined;
+    })[];
+    'git-merge': ({
+        t: "circle";
+        cx: number;
+        cy: number;
+        r: number;
+        d?: undefined;
+    } | {
+        t: "path";
+        d: string;
+        cx?: undefined;
+        cy?: undefined;
+        r?: undefined;
+    })[];
+    'git-pull-request': ({
+        t: "circle";
+        cx: number;
+        cy: number;
+        r: number;
+        d?: undefined;
+        x1?: undefined;
+        y1?: undefined;
+        x2?: undefined;
+        y2?: undefined;
+    } | {
+        t: "path";
+        d: string;
+        cx?: undefined;
+        cy?: undefined;
+        r?: undefined;
+        x1?: undefined;
+        y1?: undefined;
+        x2?: undefined;
+        y2?: undefined;
+    } | {
+        t: "line";
+        x1: number;
+        y1: number;
+        x2: number;
+        y2: number;
+        cx?: undefined;
+        cy?: undefined;
+        r?: undefined;
+        d?: undefined;
+    })[];
+    terminal: ({
+        t: "path";
+        d: string;
+        x?: undefined;
+        y?: undefined;
+        width?: undefined;
+        height?: undefined;
+        rx?: undefined;
+        ry?: undefined;
+    } | {
+        t: "rect";
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+        rx: number;
+        ry: number;
+        d?: undefined;
+    })[];
+    package: ({
+        t: "path";
+        d: string;
+        points?: undefined;
+    } | {
+        t: "polyline";
+        points: string;
+        d?: undefined;
+    })[];
+    box: {
+        t: "path";
+        d: string;
+    }[];
+    network: ({
+        t: "rect";
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+        rx: number;
+        d?: undefined;
+    } | {
+        t: "path";
+        d: string;
+        x?: undefined;
+        y?: undefined;
+        width?: undefined;
+        height?: undefined;
+        rx?: undefined;
+    })[];
+    devices: ({
+        t: "path";
+        d: string;
+        x?: undefined;
+        y?: undefined;
+        width?: undefined;
+        height?: undefined;
+        rx?: undefined;
+    } | {
+        t: "rect";
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+        rx: number;
+        d?: undefined;
+    })[];
+    activity: {
+        t: "path";
+        d: string;
+    }[];
+    sparkles: ({
+        t: "path";
+        d: string;
+        cx?: undefined;
+        cy?: undefined;
+        r?: undefined;
+    } | {
+        t: "circle";
+        cx: number;
+        cy: number;
+        r: number;
+        d?: undefined;
+    })[];
+    'panel-left': ({
+        t: "rect";
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+        rx: number;
+        d?: undefined;
+    } | {
+        t: "path";
+        d: string;
+        x?: undefined;
+        y?: undefined;
+        width?: undefined;
+        height?: undefined;
+        rx?: undefined;
+    })[];
+    inbox: ({
+        t: "polyline";
+        points: string;
+        d?: undefined;
+    } | {
+        t: "path";
+        d: string;
+        points?: undefined;
+    })[];
+    'message-square': {
+        t: "path";
+        d: string;
+    }[];
+    mic: ({
+        t: "path";
+        d: string;
+        x?: undefined;
+        y?: undefined;
+        width?: undefined;
+        height?: undefined;
+        rx?: undefined;
+    } | {
+        t: "rect";
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+        rx: number;
+        d?: undefined;
+    })[];
+    video: ({
+        t: "path";
+        d: string;
+        x?: undefined;
+        y?: undefined;
+        width?: undefined;
+        height?: undefined;
+        rx?: undefined;
+    } | {
+        t: "rect";
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+        rx: number;
+        d?: undefined;
+    })[];
+    'at-sign': ({
+        t: "circle";
+        cx: number;
+        cy: number;
+        r: number;
+        d?: undefined;
+    } | {
+        t: "path";
+        d: string;
+        cx?: undefined;
+        cy?: undefined;
+        r?: undefined;
+    })[];
+    flag: {
+        t: "path";
+        d: string;
+    }[];
+    list: {
+        t: "path";
+        d: string;
+    }[];
+    table: ({
+        t: "path";
+        d: string;
+        x?: undefined;
+        y?: undefined;
+        width?: undefined;
+        height?: undefined;
+        rx?: undefined;
+    } | {
+        t: "rect";
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+        rx: number;
+        d?: undefined;
+    })[];
+    square: {
+        t: "rect";
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+        rx: number;
+    }[];
+    dot: {
+        t: "circle";
+        cx: number;
+        cy: number;
+        r: number;
+    }[];
+    'circle-dot': {
+        t: "circle";
+        cx: number;
+        cy: number;
+        r: number;
+    }[];
+    'x-circle': ({
+        t: "circle";
+        cx: number;
+        cy: number;
+        r: number;
+        d?: undefined;
+    } | {
+        t: "path";
+        d: string;
+        cx?: undefined;
+        cy?: undefined;
+        r?: undefined;
+    })[];
+    'help-circle': ({
+        t: "circle";
+        cx: number;
+        cy: number;
+        r: number;
+        d?: undefined;
+    } | {
+        t: "path";
+        d: string;
+        cx?: undefined;
+        cy?: undefined;
+        r?: undefined;
+    })[];
+    'rotate-ccw': {
+        t: "path";
+        d: string;
+    }[];
+    minimize: {
+        t: "path";
+        d: string;
+    }[];
+    'arrow-down-up': {
+        t: "path";
+        d: string;
+    }[];
+    'arrow-up-right': {
+        t: "path";
+        d: string;
+    }[];
+    'corner-down-right': {
+        t: "path";
+        d: string;
+    }[];
 };
 
 /**

package/dist/index.js

@@ -472,6 +472,16 @@ var iconData = {
     },
     { t: "path", d: "M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4" }
   ],
+  // ---- payments ----
+  // The basket an add-to-cart flies into.
+  cart: [
+    { t: "circle", cx: 8, cy: 21, r: 1 },
+    { t: "circle", cx: 19, cy: 21, r: 1 },
+    {
+      t: "path",
+      d: "M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12"
+    }
+  ],
   // Instalments and account credit — money that arrives in pieces.
   coins: [
     { t: "path", d: "M13.744 17.736a6 6 0 1 1-7.48-7.48" },
@@ -654,6 +664,214 @@ var iconData = {
     { t: "line", x1: 21, y1: 21, x2: 16.65, y2: 16.65 },
     { t: "line", x1: 8, y1: 11, x2: 14, y2: 11 }
   ],
+  // Step a whole window back — a time range shifted by its own length. A single
+  // chevron already means “previous page” or “previous month”; the double one says
+  // the step is the size of what is on screen.
+  "chevrons-left": [
+    { t: "path", d: "m11 17-5-5 5-5" },
+    { t: "path", d: "m18 17-5-5 5-5" }
+  ],
+  // The mirror of `chevrons-left`.
+  "chevrons-right": [
+    { t: "path", d: "m6 17 5-5-5-5" },
+    { t: "path", d: "m13 17 5-5-5-5" }
+  ],
+  // ---- chat ----
+  // Positive feedback on an assistant answer. A star rates; a thumb only says “this helped”.
+  "thumbs-up": [
+    {
+      t: "path",
+      d: "M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z"
+    },
+    { t: "path", d: "M7 10v12" }
+  ],
+  // The mirror of `thumbs-up`.
+  "thumbs-down": [
+    {
+      t: "path",
+      d: "M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22a3.13 3.13 0 0 1-3-3.88Z"
+    },
+    { t: "path", d: "M17 14V2" }
+  ],
+  // Stop a generation in flight. `pause` would promise a resume the stream cannot offer.
+  stop: [{ t: "rect", x: 3, y: 3, width: 18, height: 18, rx: 2 }],
+  // Attach a file to a message.
+  paperclip: [
+    {
+      t: "path",
+      d: "m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551"
+    }
+  ],
+  // An assistant’s reasoning, as distinct from its answer.
+  brain: [
+    { t: "path", d: "M12 18V5" },
+    { t: "path", d: "M15 13a4.17 4.17 0 0 1-3-4 4.17 4.17 0 0 1-3 4" },
+    { t: "path", d: "M17.598 6.5A3 3 0 1 0 12 5a3 3 0 1 0-5.598 1.5" },
+    { t: "path", d: "M17.997 5.125a4 4 0 0 1 2.526 5.77" },
+    { t: "path", d: "M18 18a4 4 0 0 0 2-7.464" },
+    { t: "path", d: "M19.967 17.483A4 4 0 1 1 12 18a4 4 0 1 1-7.967-.517" },
+    { t: "path", d: "M6 18a4 4 0 0 1-2-7.464" },
+    { t: "path", d: "M6.003 5.125a4 4 0 0 0-2.526 5.77" }
+  ],
+  // A conversation, e.g. an empty chat.
+  message: [
+    {
+      t: "path",
+      d: "M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z"
+    }
+  ],
+  // ---- files ----
+  // The folder you are in, as distinct from `folder`, a folder you could open.
+  "folder-open": [
+    {
+      t: "path",
+      d: "m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2"
+    }
+  ],
+  // Create a folder.
+  "folder-plus": [
+    { t: "path", d: "M12 10v6" },
+    { t: "path", d: "M9 13h6" },
+    {
+      t: "path",
+      d: "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"
+    }
+  ],
+  // Go to the enclosing folder. Not `arrow-up`, which sorts.
+  "folder-up": [
+    {
+      t: "path",
+      d: "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"
+    },
+    { t: "path", d: "M12 10v6" },
+    { t: "path", d: "m9 13 3-3 3 3" }
+  ],
+  // Move into a folder. `arrow-right` reads as navigation, not as relocating the item.
+  "folder-input": [
+    {
+      t: "path",
+      d: "M2 9V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H20a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-1"
+    },
+    { t: "path", d: "M2 13h10" },
+    { t: "path", d: "m9 16 3-3-3-3" }
+  ],
+  // Plain text and prose documents.
+  "file-text": [
+    {
+      t: "path",
+      d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"
+    },
+    { t: "path", d: "M14 2v5a1 1 0 0 0 1 1h5" },
+    { t: "path", d: "M10 9H8" },
+    { t: "path", d: "M16 13H8" },
+    { t: "path", d: "M16 17H8" }
+  ],
+  // Source code.
+  "file-code": [
+    {
+      t: "path",
+      d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"
+    },
+    { t: "path", d: "M14 2v5a1 1 0 0 0 1 1h5" },
+    { t: "path", d: "M10 12.5 8 15l2 2.5" },
+    { t: "path", d: "m14 12.5 2 2.5-2 2.5" }
+  ],
+  // An image file, when the picture itself is not shown.
+  "file-image": [
+    {
+      t: "path",
+      d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"
+    },
+    { t: "path", d: "M14 2v5a1 1 0 0 0 1 1h5" },
+    { t: "circle", cx: 10, cy: 12, r: 2 },
+    { t: "path", d: "m20 17-1.296-1.296a2.41 2.41 0 0 0-3.408 0L9 22" }
+  ],
+  // A video file.
+  "file-video": [
+    {
+      t: "path",
+      d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"
+    },
+    { t: "path", d: "M14 2v5a1 1 0 0 0 1 1h5" },
+    {
+      t: "path",
+      d: "M15.033 13.44a.647.647 0 0 1 0 1.12l-4.065 2.352a.645.645 0 0 1-.968-.56v-4.704a.645.645 0 0 1 .967-.56z"
+    }
+  ],
+  // An audio file.
+  "file-audio": [
+    {
+      t: "path",
+      d: "M11.65 22H18a2 2 0 0 0 2-2V8a2.4 2.4 0 0 0-.706-1.706l-3.588-3.588A2.4 2.4 0 0 0 14 2H6a2 2 0 0 0-2 2v10.35"
+    },
+    { t: "path", d: "M14 2v5a1 1 0 0 0 1 1h5" },
+    { t: "path", d: "M8 20v-7l3 1.474" },
+    { t: "circle", cx: 6, cy: 20, r: 2 }
+  ],
+  // A spreadsheet or CSV.
+  "file-sheet": [
+    {
+      t: "path",
+      d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"
+    },
+    { t: "path", d: "M14 2v5a1 1 0 0 0 1 1h5" },
+    { t: "path", d: "M8 13h2" },
+    { t: "path", d: "M14 13h2" },
+    { t: "path", d: "M8 17h2" },
+    { t: "path", d: "M14 17h2" }
+  ],
+  // A slide deck.
+  "file-slides": [
+    { t: "path", d: "M2 3h20" },
+    { t: "path", d: "M21 3v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V3" },
+    { t: "path", d: "m7 21 5-5 5 5" }
+  ],
+  // A zip or tarball. `archive` is the box you file things away into, not a file.
+  "file-archive": [
+    {
+      t: "path",
+      d: "M13.659 22H18a2 2 0 0 0 2-2V8a2.4 2.4 0 0 0-.706-1.706l-3.588-3.588A2.4 2.4 0 0 0 14 2H6a2 2 0 0 0-2 2v11.5"
+    },
+    { t: "path", d: "M14 2v5a1 1 0 0 0 1 1h5" },
+    { t: "path", d: "M8 12v-1" },
+    { t: "path", d: "M8 18v-2" },
+    { t: "path", d: "M8 7V6" },
+    { t: "circle", cx: 8, cy: 20, r: 2 }
+  ],
+  // The root of a file system.
+  "hard-drive": [
+    { t: "path", d: "M10 16h.01" },
+    {
+      t: "path",
+      d: "M2.212 11.577a2 2 0 0 0-.212.896V18a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-5.527a2 2 0 0 0-.212-.896L18.55 5.11A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z"
+    },
+    { t: "path", d: "M21.946 12.013H2.054" },
+    { t: "path", d: "M6 16h.01" }
+  ],
+  // Cut to the clipboard.
+  scissors: [
+    { t: "circle", cx: 6, cy: 6, r: 3 },
+    { t: "path", d: "M8.12 8.12 12 12" },
+    { t: "path", d: "M20 4 8.12 15.88" },
+    { t: "circle", cx: 6, cy: 18, r: 3 },
+    { t: "path", d: "M14.8 14.8 20 20" }
+  ],
+  // Paste from the clipboard.
+  clipboard: [
+    { t: "path", d: "M11 14h10" },
+    { t: "path", d: "M16 4h2a2 2 0 0 1 2 2v1.344" },
+    { t: "path", d: "m17 18 4-4-4-4" },
+    { t: "path", d: "M8 4H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 1.793-1.113" },
+    { t: "rect", x: 8, y: 2, width: 8, height: 4, rx: 1 }
+  ],
+  // Rename in place. `edit` opens an editor.
+  rename: [
+    { t: "path", d: "M12 20h-1a2 2 0 0 1-2-2 2 2 0 0 1-2 2H6" },
+    { t: "path", d: "M13 8h7a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-7" },
+    { t: "path", d: "M5 16H4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h1" },
+    { t: "path", d: "M6 4h1a2 2 0 0 1 2 2 2 2 0 0 1 2-2h1" },
+    { t: "path", d: "M9 6v12" }
+  ],
   // ---- misc ----
   sparkle: [
     {
@@ -668,6 +886,241 @@ var iconData = {
     { t: "path", d: "M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2" },
     { t: "path", d: "M6 9V3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6" },
     { t: "rect", x: 6, y: 14, width: 12, height: 8, rx: 1 }
+  ],
+  // ---- keyboard keys ----
+  // Keycap glyphs for `Kbd`. Drawn as icons, not Unicode (⌘ ⇧ ⌥ ↩), because
+  // those characters fall back to whatever font has them and come out at mixed
+  // weights and sizes side by side.
+  "key-command": [
+    { t: "path", d: "M15 6v12a3 3 0 1 0 3-3H6a3 3 0 1 0 3 3V6a3 3 0 1 0-3 3h12a3 3 0 1 0-3-3" }
+  ],
+  "key-shift": [
+    {
+      t: "path",
+      d: "M9 19a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-6a1 1 0 0 1 1-1h3.293a.707.707 0 0 0 .5-1.207l-7.086-7.086a1 1 0 0 0-1.414 0l-7.086 7.086a.707.707 0 0 0 .5 1.207H8a1 1 0 0 1 1 1z"
+    }
+  ],
+  "key-option": [
+    { t: "path", d: "M14 3h7" },
+    { t: "path", d: "M3 3h5.28a1 1 0 0 1 .948.684l5.544 16.632a1 1 0 0 0 .949.684H21" }
+  ],
+  "key-control": [{ t: "path", d: "m18 15-6-6-6 6" }],
+  "key-enter": [
+    { t: "path", d: "M20 4v7a4 4 0 0 1-4 4H4" },
+    { t: "path", d: "m9 10-5 5 5 5" }
+  ],
+  "key-tab": [
+    { t: "path", d: "M17 12H3" },
+    { t: "path", d: "m11 18 6-6-6-6" },
+    { t: "path", d: "M21 5v14" }
+  ],
+  "key-backspace": [
+    {
+      t: "path",
+      d: "M10 5a2 2 0 0 0-1.344.519l-6.328 5.74a1 1 0 0 0 0 1.481l6.328 5.741A2 2 0 0 0 10 19h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2z"
+    },
+    { t: "path", d: "m12 9 6 6" },
+    { t: "path", d: "m18 9-6 6" }
+  ],
+  "key-space": [{ t: "path", d: "M22 17v1c0 .5-.5 1-1 1H3c-.5 0-1-.5-1-1v-1" }],
+  "key-capslock": [
+    {
+      t: "path",
+      d: "M14 16a1 1 0 0 0 1-1v-2a1 1 0 0 1 1-1h3.293a.707.707 0 0 0 .5-1.207l-6.939-6.939a1.207 1.207 0 0 0-1.708 0l-6.94 6.94a.707.707 0 0 0 .5 1.206H8a1 1 0 0 1 1 1v2a1 1 0 0 0 1 1z"
+    },
+    { t: "path", d: "M9 20h6" }
+  ],
+  // ---- developer tools ----
+  // A branch. Source-control glyphs for desktop developer tools.
+  "git-branch": [
+    { t: "path", d: "M15 6a9 9 0 0 0-9 9V3" },
+    { t: "circle", cx: 18, cy: 6, r: 3 },
+    { t: "circle", cx: 6, cy: 18, r: 3 }
+  ],
+  "git-commit": [
+    { t: "circle", cx: 12, cy: 12, r: 3 },
+    { t: "line", x1: 3, y1: 12, x2: 9, y2: 12 },
+    { t: "line", x1: 15, y1: 12, x2: 21, y2: 12 }
+  ],
+  // Two versions side by side; a diff.
+  "git-diff": [
+    { t: "circle", cx: 18, cy: 18, r: 3 },
+    { t: "circle", cx: 6, cy: 6, r: 3 },
+    { t: "path", d: "M13 6h3a2 2 0 0 1 2 2v7" },
+    { t: "path", d: "M11 18H8a2 2 0 0 1-2-2V9" }
+  ],
+  "git-fork": [
+    { t: "circle", cx: 12, cy: 18, r: 3 },
+    { t: "circle", cx: 6, cy: 6, r: 3 },
+    { t: "circle", cx: 18, cy: 6, r: 3 },
+    { t: "path", d: "M18 9v2c0 .6-.4 1-1 1H7c-.6 0-1-.4-1-1V9" },
+    { t: "path", d: "M12 12v3" }
+  ],
+  "git-merge": [
+    { t: "circle", cx: 18, cy: 18, r: 3 },
+    { t: "circle", cx: 6, cy: 6, r: 3 },
+    { t: "path", d: "M6 21V9a9 9 0 0 0 9 9" }
+  ],
+  "git-pull-request": [
+    { t: "circle", cx: 18, cy: 18, r: 3 },
+    { t: "circle", cx: 6, cy: 6, r: 3 },
+    { t: "path", d: "M13 6h3a2 2 0 0 1 2 2v7" },
+    { t: "line", x1: 6, y1: 9, x2: 6, y2: 21 }
+  ],
+  terminal: [
+    { t: "path", d: "m7 11 2-2-2-2" },
+    { t: "path", d: "M11 13h4" },
+    { t: "rect", x: 3, y: 3, width: 18, height: 18, rx: 2, ry: 2 }
+  ],
+  // A dependency or published package. `box` is a container.
+  package: [
+    {
+      t: "path",
+      d: "M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z"
+    },
+    { t: "path", d: "M12 22V12" },
+    { t: "polyline", points: "3.29 7 12 12 20.71 7" },
+    { t: "path", d: "m7.5 4.27 9 5.15" }
+  ],
+  // A sandbox or container.
+  box: [
+    {
+      t: "path",
+      d: "M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"
+    },
+    { t: "path", d: "m3.3 7 8.7 5 8.7-5" },
+    { t: "path", d: "M12 22V12" }
+  ],
+  // Machines linked together; a mesh.
+  network: [
+    { t: "rect", x: 16, y: 16, width: 6, height: 6, rx: 1 },
+    { t: "rect", x: 2, y: 16, width: 6, height: 6, rx: 1 },
+    { t: "rect", x: 9, y: 2, width: 6, height: 6, rx: 1 },
+    { t: "path", d: "M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3" },
+    { t: "path", d: "M12 12V8" }
+  ],
+  // A person's devices (a desktop and a phone).
+  devices: [
+    { t: "path", d: "M18 8V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h8" },
+    { t: "path", d: "M10 19v-3.96 3.15" },
+    { t: "path", d: "M7 19h5" },
+    { t: "rect", x: 16, y: 12, width: 6, height: 10, rx: 2 }
+  ],
+  // Live activity or health over time.
+  activity: [
+    {
+      t: "path",
+      d: "M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2"
+    }
+  ],
+  // Several sparkles: something an agent or model did. `sparkle` is one.
+  sparkles: [
+    {
+      t: "path",
+      d: "M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"
+    },
+    { t: "path", d: "M20 2v4" },
+    { t: "path", d: "M22 4h-4" },
+    { t: "circle", cx: 4, cy: 20, r: 2 }
+  ],
+  // Show or hide a side panel.
+  "panel-left": [
+    { t: "rect", x: 3, y: 3, width: 18, height: 18, rx: 2 },
+    { t: "path", d: "M9 3v18" }
+  ],
+  inbox: [
+    { t: "polyline", points: "22 12 16 12 14 15 10 15 8 12 2 12" },
+    {
+      t: "path",
+      d: "M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z"
+    }
+  ],
+  // A chat or a comment thread.
+  "message-square": [
+    {
+      t: "path",
+      d: "M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z"
+    }
+  ],
+  mic: [
+    { t: "path", d: "M12 19v3" },
+    { t: "path", d: "M19 10v2a7 7 0 0 1-14 0v-2" },
+    { t: "rect", x: 9, y: 2, width: 6, height: 13, rx: 3 }
+  ],
+  video: [
+    { t: "path", d: "m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5" },
+    { t: "rect", x: 2, y: 6, width: 14, height: 12, rx: 2 }
+  ],
+  // A mention.
+  "at-sign": [
+    { t: "circle", cx: 12, cy: 12, r: 4 },
+    { t: "path", d: "M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-4 8" }
+  ],
+  flag: [
+    {
+      t: "path",
+      d: "M4 22V4a1 1 0 0 1 .4-.8A6 6 0 0 1 8 2c3 0 5 2 7.333 2q2 0 3.067-.8A1 1 0 0 1 20 4v10a1 1 0 0 1-.4.8A6 6 0 0 1 16 16c-3 0-5-2-8-2a6 6 0 0 0-4 1.528"
+    }
+  ],
+  list: [
+    { t: "path", d: "M3 5h.01" },
+    { t: "path", d: "M3 12h.01" },
+    { t: "path", d: "M3 19h.01" },
+    { t: "path", d: "M8 5h13" },
+    { t: "path", d: "M8 12h13" },
+    { t: "path", d: "M8 19h13" }
+  ],
+  table: [
+    { t: "path", d: "M12 3v18" },
+    { t: "rect", x: 3, y: 3, width: 18, height: 18, rx: 2 },
+    { t: "path", d: "M3 9h18" },
+    { t: "path", d: "M3 15h18" }
+  ],
+  // Stop.
+  square: [{ t: "rect", x: 3, y: 3, width: 18, height: 18, rx: 2 }],
+  dot: [{ t: "circle", cx: 12, cy: 12, r: 1 }],
+  // An open item (an issue).
+  "circle-dot": [
+    { t: "circle", cx: 12, cy: 12, r: 10 },
+    { t: "circle", cx: 12, cy: 12, r: 1 }
+  ],
+  // Failed or closed.
+  "x-circle": [
+    { t: "circle", cx: 12, cy: 12, r: 10 },
+    { t: "path", d: "m15 9-6 6" },
+    { t: "path", d: "m9 9 6 6" }
+  ],
+  "help-circle": [
+    { t: "circle", cx: 12, cy: 12, r: 10 },
+    { t: "path", d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" },
+    { t: "path", d: "M12 17h.01" }
+  ],
+  // Undo or revert.
+  "rotate-ccw": [
+    { t: "path", d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" },
+    { t: "path", d: "M3 3v5h5" }
+  ],
+  minimize: [
+    { t: "path", d: "m14 10 7-7" },
+    { t: "path", d: "M20 10h-6V4" },
+    { t: "path", d: "m3 21 7-7" },
+    { t: "path", d: "M4 14h6v6" }
+  ],
+  // Sort order.
+  "arrow-down-up": [
+    { t: "path", d: "m3 16 4 4 4-4" },
+    { t: "path", d: "M7 20V4" },
+    { t: "path", d: "m21 8-4-4-4 4" },
+    { t: "path", d: "M17 4v16" }
+  ],
+  "arrow-up-right": [
+    { t: "path", d: "M7 7h10v10" },
+    { t: "path", d: "M7 17 17 7" }
+  ],
+  // A reply or a nested item.
+  "corner-down-right": [
+    { t: "path", d: "m15 10 5 5-5 5" },
+    { t: "path", d: "M4 4v7a4 4 0 0 0 4 4h12" }
   ]
 };
 

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@btndprojects/loam-icons",
-  "version": "0.1.0",
+  "version": "0.2.1",
   "description": "Loam icon set — framework-agnostic SVG primitive data shared by web and native renderers.",
-  "license": "MIT",
+  "license": "MIT AND ISC",
   "author": "Nuszpl Botond",
   "homepage": "https://loam.btndprojects.com",
   "repository": {
@@ -35,8 +35,8 @@
     "tsup": "^8.3.5",
     "typescript": "^5.6.3",
     "vitest": "^2.1.8",
-    "@loam/eslint-config": "0.0.0",
-    "@loam/tsconfig": "0.0.0"
+    "@loam/tsconfig": "0.0.0",
+    "@loam/eslint-config": "0.0.0"
   },
   "scripts": {
     "build": "tsup",