wwwwwwwwwwwwwwwwwww

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

create-tamagui

Next

Colors

Edit this page on GitHub.