GitHub

Lucide Icons

Cross-platform compatible SVG-based icons

Installation

yarn add react-native-svg @tamagui/lucide-icons-2
If you’re using icons in a monorepo, install react-native-svg in the parent app or workspace root rather than a leaf package.

Usage

Use them as regular React components:

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 .

Previous

LinearGradient

Next

Separator

Edit this page on GitHub.