Lucide Icons

Cross-platform compatible SVG based icons.

Installation

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

Usage

Use them as regular React components

import { Button } from 'tamagui'
import { Plus } from '@tamagui/lucide-icons'
// 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 .

Previous

Square & Circle

Next

Anchor