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';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.
import { Icon } from '@lobehub/ui';Search icons in Lucide Icon
| 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). | |bivarianceHack|RefObject | -- |
| key | -- | Key| | -- |