@letrixui/icons

A collection of icons on a consistent 24px grid, with a distinct hard-edge stroke identity (stroke-linecap: butt, stroke-linejoin: miter — square caps and joins instead of rounded ones). Tree-shakeable React components, typed, dual ESM/CJS.

Install

npm install @letrixui/icons

Usage

import { HomeIcon, SearchIcon } from "@letrixui/icons";

function Example() {
  return (
    <>
      <HomeIcon />
      <SearchIcon size={20} strokeWidth={2.5} className="text-blue-500" />
    </>
  );
}

Every icon accepts, on top of standard <svg> props:

• size (number | string, default 24) — sets both width and height.
• strokeWidth (number | string, default is this icon's own baked default — 1.5 for the vast majority of icons) — applied to the root <svg>. Bump it to 2 / 2.5 / 3 for emphasis.
• ref is forwarded to the underlying <svg> element.

Stroke color follows currentColor — set it with CSS color or a Tailwind text-* class. Cap and join style (butt/miter) are baked in and aren't runtime props — that's this package's visual signature, so it isn't configurable per-instance.

Deep imports work for older bundlers that don't tree-shake barrel files:

import HomeIcon from "@letrixui/icons/icons/home";

Provenance

Icons in this package may be sourced from third-party open-source icon sets, custom-designed, or both. Where an icon derives from a third-party source, its geometry (viewBox and path data) is unmodified — only stroke cap/join/width are changed to this package's visual identity. Full attribution and license terms for every source are in LICENSE and THIRD_PARTY_LICENSES.md in the source repository this package is built from.

License

ISC (this package) — see LICENSE for full terms, including any third-party notices.