This package provides Lucide icons as React components designed for use with Material UI, so that they can be used in the same way icons from @mui/icons-material
are used.
You can use either npm or yarn:
Using npm:
npm install lucide-mui
Using yarn:
yarn add lucide-mui
lucide-mui
is built with ES modules so it's completely tree-shakable. Each icon can be imported as a react component.
All icons can be imported using their names from the Lucide documentation, converted to PascalCase.
For example, arrow-left-circle
becomes ArrowLeftCircle
import { ArrowLeftCircle } from 'lucide-mui';
You can then use these icons anywhere as you would material icons
<Button startIcon={<ArrowLeftCircle/>}>Click me</Button>
They also support all props of the SvgIcon
Material UI component:
<ArrowLeftCircle color="primary" sx={{mx: 2}}/>
The version is automatically ke