Chapter 65: Combining icons

Core Idea

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

Key Concepts

• With native SVG elements

Code Examples

import Scan from 'lucide-solid/icons/scan';
import User from 'lucide-solid/icons/user';

function App() {
  return (
    <div class="app">
      <Scan size={48}>
        <User
          size={12}
          x={6}
          y={6}
          absoluteStrokeWidth
        />
      </Scan>
    </div>
  );
}

export default App;

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

Key Takeaways

1. With native SVG elements

Connects To

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