Installation

pnpm add @lucide-pixel/react

npm install @lucide-pixel/react

import { Search } from '@lucide-pixel/react';

export function Example() {
  return <Search size={24} />;
}

Pixel densities

Three geometries are available:

• import { Search } from "@lucide-pixel/react" → 24 (default)
• import { Search as Search16 } from "@lucide-pixel/react/16" → 16 compact square variant
• import { Search as Search24 } from "@lucide-pixel/react/24" → 24 (same implementation as root)
• import { Search as Search32 } from "@lucide-pixel/react/32" → 32 detailed pixel variant

Density is source geometry only. Icons can still be rendered at any CSS/SVG size:

import { Search as Search16 } from '@lucide-pixel/react/16';

export function Example() {
  return <Search16 size={48} />;
}

Compatibility

This package preserves the familiar Lucide React component API. Migrations normally only require changing the package import from lucide-react to @lucide-pixel/react.

Credits and license

Lucide Pixel is an independent fork based on Lucide, itself derived from Feather Icons. Original icon designs, metadata, history, and contributor attribution remain credited to their upstream authors.

Lucide Pixel is distributed under the licensing terms inherited from Lucide and Feather Icons. See LICENSE.