Static API

Import individual icons for optimal bundle size with full tree shaking.

React

import { Home } from '@whydrf/nava-icon-react'
<Home size={24} color="currentColor" />

TypeScript

Use the IconName union type for type-safe dynamic lookups:

import type { IconName } from '@whydrf/nava-icon-react'
const iconName: IconName = 'home' // autocomplete + type check