Icon · Components

The native kit's real component, live in its web build at phone width. Follows this site's theme.

Usage

Lucide has 1,500+ icons. Colour with a text-* class; never import lucide outside this atom.

<Icon as={LucideIcon} size? className="text-…" />

Already in every copy of the native kit:

import { Icon } from '@/components/ui/icon';

Exports: Icon
Source: apps/mobile/components/ui/icon.tsx
Packages: lucide-react-native@^1.21.0, nativewind@^4.2.6
Installs with: @kit-native/lib-palette-context, @kit-native/lib-utils, @kit-native/text
Also searched as: lucide, glyph, symbol
Registry JSON: /r/native/icon.json

Agents: the whole registry is at /llms.txt.