HHS Styleguide
← Back to site

Icons

Icons are sourced from lucide-react and rendered via the DynamicIcon component. Social icons are pre-composed in SocialIcons.astro.

DynamicIcon — Size variants

Accepts any Lucide icon name as a string prop

size-4
size-5
size-6
size-8
size-10

Icon showcase

Common icons referenced in this project

ArrowRight
ArrowLeft
ArrowUp
ArrowDown
ChevronRight
ChevronLeft
ChevronDown
ChevronUp
Check
X
Plus
Minus
Search
Menu
ExternalLink
Link
Mail
Phone
MapPin
Globe
User
Users
Settings
Lock
Star
Heart
Share2
Download
Image
FileText
Folder
Calendar
Home
Info
AlertCircle
CheckCircle

Social Icons

SocialIcons.astro component with mock links