Chapter 69: Color

Core Idea

Learn how to customize the color of Lucide icons in your Astro applications using the color prop and CSS.

Key Concepts

• Adjust the color using the color prop
• Using parent elements text color value

Code Examples

---
import Smile from '@lucide/astro/icons/smile';
---

<Smile color="#3e9392" />

• What it demonstrates: Color usage pattern from the official Lucide docs.

Key Takeaways

1. Adjust the color using the color prop
2. Using parent elements text color value

Connects To

• Astro: part of the Astro section of the Lucide docs.
• Lucide for Astro: overview page for this section.