Chapter 44: Color

Core Idea

Learn how to adjust the color of icons in your Svelte application using the color prop or by using parent elements text color value.

Key Concepts

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

Code Examples

<script>
import Smile from '@lucide/svelte/icons/smile';
</script>

<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

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