@sangisalarp/icons

Scribbles is the hand-drawn icon set for Doodle DS. Every icon uses a 24px viewBox, a 2px currentColor stroke, and round caps/joins.

Install and use

npm install @sangisalarp/icons

import { SearchIcon } from "@sangisalarp/icons";

export function SearchButton() {
  return (
    <button type="button" aria-label="Search">
      <SearchIcon className="h-5 w-5" aria-hidden="true" />
    </button>
  );
}

Icons accept normal React SVG props. By default an icon is aria-hidden; pass a title when the icon itself is the accessible image:

<SearchIcon title="Search" className="h-6 w-6" />

The package also exposes authored SVG files through the @sangisalarp/icons/svg/* export. React components and the barrel index are generated from assets/svg during every build; never edit generated files in src/icons by hand.

Development

npm run build -w @sangisalarp/icons

Review new icons at 16px, 24px, and 32px and compare them with the checklist in ICONLIST.md. The root README explains how designers keep the icon set and Figma library aligned.