Icons

import { Settings, User, Bell, ChevronDown } from "lucide-react"

// Basic icon
<Settings size={20} />

// With explicit color
<Bell size={16} color="#0479CE" />

// Inheriting parent color
<span className="text-blue-500">
  <Bell size={16} />
</span>

// In a Button
<Button>
  <Settings size={16} />
  Settings
</Button>

<SearchIcon size={14} />   // xs — input adornment
<ChevronDown size={16} />  // sm — select trigger
<UserIcon size={20} />     // md — nav item, button
<FileIcon size={24} />     // lg — card header
<InboxIcon size={48} />    // xl — empty state

import {
  Home, LayoutDashboard, Menu, SidebarOpen,
  ChevronLeft, ChevronRight, ChevronDown, ChevronUp,
  ArrowLeft, ArrowRight, ExternalLink,
} from "lucide-react"

import {
  Plus, Minus, Edit, Trash2, Copy, Download, Upload,
  Save, Search, Filter, SortAsc, SortDesc, RefreshCw,
  MoreHorizontal, MoreVertical,
} from "lucide-react"

import {
  File, FileText, Folder, FolderOpen, Table2,
  BarChart2, LineChart, PieChart, TrendingUp, TrendingDown,
} from "lucide-react"

import {
  User, Users, UserPlus, UserMinus, UserCheck,
  Lock, Unlock, Shield, Key, LogIn, LogOut,
} from "lucide-react"

import {
  CheckCircle, XCircle, AlertCircle, AlertTriangle,
  Info, HelpCircle, Bell, BellOff, Star, Heart,
} from "lucide-react"

import {
  Mail, MessageSquare, Phone, Send, Inbox,
  AtSign, Hash, Link, Share2,
} from "lucide-react"