Icons The icon system is powered by Feather Icons — a collection of simply beautiful open-source icons. Each icon is designed on a 24×24 grid with an emphasis on simplicity, consistency, and readability.
Click any icon to copy its JSX tag. All icons accept size, color, and strokeWidth props from react-feather.
Icon styles Icons adapt to a range of container styles across five semantic color themes.
Light Tinted background with a colored icon stroke
Light + ring Light background with an inset ring in a lighter shade
Filled + ring Saturated fill with a white icon and a darker inset ring
Square Rounded-square containers for card and feature contexts
Arrows & navigation (32) ArrowUp ArrowDown ArrowLeft ArrowRight ArrowUpLeft ArrowUpRight ArrowDownLeft ArrowDownRight ArrowUpCircle ArrowDownCircle ArrowLeftCircle ArrowRightCircle ChevronsUp ChevronsDown ChevronsLeft ChevronsRight ChevronUp ChevronDown ChevronLeft ChevronRight CornerUpLeft CornerUpRight CornerDownLeft CornerDownRight CornerLeftUp CornerLeftDown CornerRightUp CornerRightDown Navigation Navigation2 Compass Move Actions (48) Plus PlusCircle PlusSquare Minus MinusCircle MinusSquare X XCircle XOctagon XSquare Check CheckCircle CheckSquare Edit Edit2 Edit3 Trash Trash2 Copy Clipboard Download DownloadCloud Upload UploadCloud Save Share Share2 Send ExternalLink RefreshCw RefreshCcw RotateCw RotateCcw Search Filter Crop Scissors PenTool Maximize Maximize2 Minimize Minimize2 Shuffle Repeat LogIn LogOut Lock Unlock Media & playback (26) Play PlayCircle Pause PauseCircle StopCircle Rewind FastForward SkipBack SkipForward Volume Volume1 Volume2 VolumeX Mic MicOff Camera CameraOff Video VideoOff Music Film Disc Radio Tv Airplay Cast Communication (16) Mail MessageCircle MessageSquare Phone PhoneCall PhoneForwarded PhoneIncoming PhoneMissed PhoneOff PhoneOutgoing Bell BellOff Voicemail Inbox AtSign Rss User & people (11) User Users UserCheck UserMinus UserPlus UserX Smile Frown Meh ThumbsUp ThumbsDown Files & folders (11) File FileMinus FilePlus FileText Folder FolderMinus FolderPlus Archive Package Paperclip Bookmark Data & charts (16) BarChart BarChart2 PieChart TrendingUp TrendingDown Activity Database Table Grid List Layers Columns Hash Percent DollarSign CreditCard Layout & interface (21) Layout Sidebar Menu MoreHorizontal MoreVertical AlignLeft AlignCenter AlignRight AlignJustify Sliders ToggleLeft ToggleRight Square Circle Octagon Triangle Hexagon Command Terminal Settings Tool Nature & weather (17) Sun Moon Sunrise Sunset Cloud CloudDrizzle CloudLightning CloudOff CloudRain CloudSnow Droplet Wind Thermometer Umbrella Zap ZapOff Feather Maps & location (7) Map MapPin Globe Crosshair Target Anchor Flag Devices & hardware (15) Monitor Smartphone Tablet Watch Printer Server HardDrive Cpu Battery BatteryCharging Bluetooth Wifi WifiOff Speaker Headphones E-commerce & shopping (6) ShoppingBag ShoppingCart Gift Tag Truck Box Alerts & status (10) AlertCircle AlertOctagon AlertTriangle Info HelpCircle Award Star Heart Shield ShieldOff Brands & logos (17) GitHub Gitlab Twitter Facebook Instagram Linkedin Youtube Twitch Slack Trello Dribbble Figma Codepen Codesandbox Framer Chrome Pocket Text & formatting (5) Bold Italic Underline Type Code Misc (23) Aperture Key Power Loader LifeBuoy Briefcase Calendar Clock Image Link Link2 Book BookOpen Coffee MousePointer Slash Delete Home ZoomIn ZoomOut Divide DivideCircle DivideSquare