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

Square & Circle

Next

Anchor

Edit this page on GitHub.