With Lucide Lab or custom icons

Lucide Lab is a collection of icons that are not part of the Lucide main library.

They can be used by using the Icon component. All props like regular lucide icons can be passed to adjust the icon appearance.

Using the Icon component

This creates a single icon based on the iconNode passed and renders a Lucide icon component.

import { Icon } from 'lucide-preact';
import { coconut } from '@lucide/lab';

const App = () => (
  <Icon iconNode={coconut} />
);