Chapter 70: Sizing

Core Idea

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

Key Concepts

• Adjusting the icon size using the size prop
• Adjusting the icon size via CSS

Code Examples

---
import Landmark from '@lucide/astro/icons/landmark';
---

<Landmark size={64} />

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

Key Takeaways

1. Adjusting the icon size using the size prop
2. Adjusting the icon size via CSS

Connects To

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