Foundations
Icons
All icons use Lucide at 1.5px stroke weight. Color inherits from the parent element. No emoji, no unicode symbols.
Sizing
Icon size varies by context. Smaller in card headers, larger in titlebars.
11px · Card header
14px · Inline text
16px · Default
18px · Titlebar
Installation
# React
npm install lucide-react
import { Search } from 'lucide-react';
# Vanilla HTML
<script src="https://unpkg.com/lucide@latest"></script>
npm install lucide-react
import { Search } from 'lucide-react';
# Vanilla HTML
<script src="https://unpkg.com/lucide@latest"></script>