Foundations
Icons
Lucide only. 1.75px stroke, never mixed with another set. Wrap every icon in the Icon component so defaults stay consistent.
Usage
import { Star } from "lucide-react";
import { Icon } from "@ravnhq/efni/icon";
<Icon icon={Star} /> // 16px, strokeWidth 1.75
<Icon icon={Star} size={20} />
<Icon icon={Star} className="text-brand" />Never pass strokeWidth — it's enforced at 1.75. Never import icons from another library.
Gallery
A curated selection. Full set at lucide.dev.
112 / 112
- Activity
- AlertCircle
- AlertTriangle
- Archive
- ArrowDown
- ArrowLeft
- ArrowRight
- ArrowUp
- ArrowUpRight
- Bell
- Bookmark
- Box
- Calendar
- Check
- CheckCircle
- ChevronDown
- ChevronLeft
- ChevronRight
- ChevronUp
- Circle
- Clock
- Cloud
- Code
- Command
- Compass
- Copy
- CreditCard
- Database
- Download
- Edit
- ExternalLink
- Eye
- EyeOff
- File
- FileText
- Filter
- Flag
- Folder
- Globe
- Grid
- Hash
- Heart
- HelpCircle
- Home
- Image
- Inbox
- Info
- Key
- Layers
- Layout
- LifeBuoy
- Link
- List
- Loader
- Lock
- LogOut
- MapPin
- Menu
- MessageCircle
- MessageSquare
- Mic
- Minus
- Monitor
- Moon
- MoreHorizontal
- MoreVertical
- Package
- Paperclip
- Pause
- Pencil
- Phone
- PieChart
- Play
- Plus
- Power
- Printer
- RefreshCw
- Save
- Search
- Send
- Server
- Settings
- Share
- Shield
- ShoppingCart
- SlidersHorizontal
- Smile
- Speaker
- Star
- Sun
- Tag
- Terminal
- ThumbsDown
- ThumbsUp
- Trash
- Trash2
- TrendingDown
- TrendingUp
- Truck
- Type
- Unlock
- Upload
- User
- UserPlus
- Users
- Volume2
- VolumeX
- Wifi
- X
- XCircle
- Zap