Back to Tamagui

Lucide Icons

code/tamagui.dev/data/docs/components/lucide-icons/2.0.0.mdx

1.144.4684 B
Original Source
<HeroContainer noPad> <LucideIconsDemo /> </HeroContainer>

Installation

sh
yarn add react-native-svg @tamagui/lucide-icons-2

Usage

Use them as regular React components:

tsx
import { Button } from 'tamagui'
import { Plus } from '@tamagui/lucide-icons-2'

// Button will automatically pass size/theme to icon
export default () => <Button icon={Plus}>Hello world</Button>

// or you can control it
export default () => <Button icon={<Plus size="$4" />}>Hello world</Button>

They accept your tokens/theme keys for color and size.

Credit

The great Lucide Icons, a superset of the wonderful Feather Icons.