Icon library · Design System

Source

Icons come from Lucide — an open-source fork of Feather Icons, MIT licensed, maintained by the community. Already installed in this project as lucide-react. Use them in Astro via the React integration, or copy the SVG directly from lucide.dev.

React / TSX

import { Phone } from 'lucide-react';

<Phone size={20} strokeWidth={1.75} />

Astro (client island)

---
import { Phone } from 'lucide-react';
---
<Phone size={20} strokeWidth={1.75} client:load />

Inline SVG (static, zero JS)

<!-- copy SVG markup from https://lucide.dev/icons/phone -->

Browse

Click any icon to copy its kebab-case name to the clipboard.

Site Access