Skip to content

Lucide Icons

Lucide is a popular icon library. Icons may be added to Astro pages and MDX content.

The following code:

import { Star, Rocket } from "lucide-astro"
<Star fill="yellow" />
<Rocket stroke-width="1" />

will render the icons:

When you choose Lucide as an option, the lucide-astro dependency is added to the Starlight project.