Chapter 122: Size the font

Core Idea

Learn how to customize the color of Lucide icons in your static projects using CSS. This guide covers how to change icon colors with CSS classes and inline styles for web font implementations.

Key Concepts

Changing the size

Code Examples

.icon-house {
  font-size: 24px;
}

What it demonstrates: Size the font usage pattern from the official Lucide docs.

Key Takeaways

Changing the size

Connects To

Static / Font / JS Modules: part of the Static / Font / JS Modules section of the Lucide docs.
Lucide Static Assets: overview page for this section.