Chapter 32: Sizing

Core Idea

Learn how to adjust the size of icons in your Vue 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

<script setup>
import { Landmark } from "@lucide/vue"
</script>

<template>
  <Landmark :size="64" />
</template>

• 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

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