Chapter 80: Sizing

Core Idea

Learn how to adjust the size of icons in your Preact application using the size prop or by using CSS.

Key Concepts

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

Code Examples

import { h } from "preact";
import { Landmark } from "lucide-preact";

function App() {
  return (
    <div className="app">
      <Landmark size={64} />
    </div>
  );
}

export default App;

• 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

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