/

wwwwwwwwwwwwwwwwwww

Core

Compiler

Theme

Tamagui

Forms

Input & TextArea

Panels

Organize

Content

Visual

Square & Circle

Etc

Extras

Guides

Creating Custom Themes

How to Build a Button

Community

Lucide Icons

Cross-platform compatible SVG based icons.

Usage

Add @tamagui/lucide-icons to your package.json and import them directly for use as React elements:

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>
)

Credit

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

Previous

VisuallyHidden

Next

Design Systems

Edit this page on GitHub.