Icon

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.

Default

Search icons in Lucide Icon

CustomSize

APIs

NameDescriptionTypeDefault
iconThe icon element to be renderedLucideIcon(required)
sizeSize of the iconsmall|large|normal|IconSizeConfig"normal"
spinRotate icon with animationbooleanfalse
color--string--
fill--string--
fillOpacity--number|string--
fillRule--"inherit"|"nonzero"|"evenodd"--
focusable--Booleanish|auto--
refAllows 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|--