Icons
The icon abstraction and the built-in Lucide-based set.Usage
import { Icon, SearchIcon } from '@advui/icons'
<SearchIcon size={20} color="mutedForeground" /> // tree-shakable named import
<Icon name="search" /> // by name (resolved through IconProvider)- Icons inherit color and size from Button, Badge, Tabs, Alert… via
IconDefaults. - Decorative by default (
aria-hidden); passaria-labelfor meaningful icons. - Web renders DOM SVG; native uses react-native-svg.
Swap the icon set
import { Search, Settings } from 'lucide-react-native'
<UniversalProvider config={config} icons={{ search: Search, settings: Settings }}>
…
</UniversalProvider>Or create your own with createIcon(name, nodes) using Lucide-style node data.
Gallery
alert-circle
alert-triangle
align-center
align-left
align-right
arrow-left
arrow-right
bar-chart
bell
bold
calendar
check
check-circle
chevron-down
chevron-left
chevron-right
chevron-up
chevrons-up-down
circle
copy
credit-card
download
edit
external-link
eye
eye-off
file
filter
folder
code
git-branch
globe
heart
home
image
info
italic
layout-grid
list
loader
lock
log-out
mail
menu
minus
monitor
moon
more-horizontal
package
palette
pipette
plus
search
settings
shopping-cart
smartphone
star
sun
trash
trending-up
underline
upload
user
users
x
x-circle
grip-horizontal
grip-vertical
heading
link
list-ordered
pause
play
quote
rotate-ccw
rotate-cw
strikethrough
volume
volume-off