Icons are graphical symbols used to represent a concept or an action. The Icon
component is a reusable React component that renders an SVG icon from the lucide-react
library.
Icon
import { Icon } from '@lobehub/ui';
Default
Search icons in Lucide Icon
CustomSize
APIs
Name | Description | Type | Default |
---|---|---|---|
icon | The icon element to be rendered | LucideIcon | (required) |
size | Size of the icon | small|large|normal|IconSizeConfig | "normal" |
spin | Rotate icon with animation | boolean | false |
color | -- | string | -- |
fill | -- | string | -- |
fillOpacity | -- | number|string | -- |
fillRule | -- | "inherit"|"nonzero"|"evenodd" | -- |
focusable | -- | Booleanish|auto | -- |
ref | Allows getting a ref to the component instance. Once the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref). | |string|bivarianceHack|RefObject<T> | -- |
key | -- | Key| | -- |