Using an icon

SVG

Open an icon page and copy the SVG. Set width and height, or use 1em so it follows the text size. Stroke icons use currentColor.

React

The icon page and /r/{pack}/{name}.json include a function component. Paste it into your project, or install it with the shadcn registry URL.

pnpm dlx shadcn@latest add https://fullsvgicons.com/r/lucide/house.json

Astro

Paste the SVG into an Astro component. Imported SVG files also work if your bundler is set up for them. Inline SVG keeps the icon in the HTML and avoids a client runtime.