Foundations
Icons
Lucide everywhere. 1.5px stroke. Color inherits from the parent. Never emoji, never unicode symbols — always a real glyph.
Sizing
Context-specific sizing keeps visual rhythm tight.
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>