@kasumi-ui/icons

SVG sprite sheet and typed icon metadata for Kasumi UI.

Install

npm install @kasumi-ui/icons

Usage

import { ICONS, type IconId } from "@kasumi-ui/icons";
import spriteHref from "@kasumi-ui/icons/icons.svg";

export function Icon({ name }: { name: IconId }) {
  return (
    <svg viewBox="0 0 24 24" aria-hidden="true">
      <use href={`${spriteHref}#${name}`} />
    </svg>
  );
}

console.log(ICONS.length);

You can also import the manifest directly:

import iconsManifest from "@kasumi-ui/icons/icons.json";

Package Scripts

npm run build
npm run pack:check
npm publish --access public