ComponentsBlocks

Icons

@kamod-ch/icons

kamod-icons · Typed SVG · Multiple icon sets

Find, copy, and ship production-ready icons faster

Lightweight, tree-shakeable Preact icon components across shadcn, Lucide, Heroicons, Tabler, Iconoir, and Reicon — preferred by Kamod UI blocks over lucide-preact.

16k+
typed icons
6
icon families
MIT
license
Open live docsGitHubnpm

  • Typed components

    Every icon is a Preact SVG component with size, class, style, title, and currentColor support.

  • Stable subpaths

    Import from @kamod-ch/icons/shadcn, /lucide, or outline/solid variants so production builds stay explicit.

  • Design-token friendly

    Icons inherit color via currentColor and fit cleanly into Kamod UI themes and blocks.

Installation

Install @kamod-ch/icons with Preact as a peer dependency. There is no React runtime dependency.

pnpm add @kamod-ch/icons preact

Usage

Prefer explicit set imports (for example @kamod-ch/icons/shadcn). The package root currently defaults to the shadcn set.

import { SearchIcon } from "@kamod-ch/icons/shadcn";

export function Example() {
  return <SearchIcon size={20} aria-hidden />;
}

API Reference

This page is a Kamod UI overview. Browse every set, search icons, and copy imports from the dedicated kamod-icons docs.

Full API reference on live docs

Accessibility Notes

Decorative icons should use aria-hidden. Meaningful icons need a title or an accessible name on the surrounding control (for example aria-label on an icon-only button).