Chapter 52: Combining icons

Core Idea

Learn how to combine multiple icons into a single icon nested SVG elements in your Svelte application.

Key Concepts

• With native SVG elements

Code Examples

<script>
import Scan from '@lucide/svelte/icons/scan';
import User from '@lucide/svelte/icons/user';
</script>

<div class="app">
  <Scan size="48">
    <User
      size="12"
      x="6"
      y="6"
      absoluteStrokeWidth
    />
  </Scan>
</div>

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

Key Takeaways

1. With native SVG elements

Connects To

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