Icons

1668 icons

Airy uses Lucide for all iconography. Click any icon to copy its import statement.

Usage

Import icons individually from lucide-react:

import { ChevronRight, Search, Settings } from "lucide-react"

<Search className="size-4" />
<Settings className="size-5 text-muted-foreground" />

For icon props in component interfaces, use the LucideIcon type:

import { type LucideIcon } from "lucide-react"

interface NavItem {
  title: string
  icon: LucideIcon
}