أيقونات Lucide
يوفر Lucide ما يقارب 1,600 أيقونة حديثة ومتسقة ذات خطوط. استخدم مكوّن Icon من @f5-sales-demo/icons-lucide لعرض أي أيقونة بالاسم.
الاستخدام
Section titled “الاستخدام”---import Icon from '@f5-sales-demo/icons-lucide/Icon.astro';---
<Icon name="rocket" /><Icon name="shield" size="2rem" /><Icon name="cloud" size="1.5rem" label="Cloud" />تُعرض الأيقونات كـ SVG مضمّن باستخدام currentColor — وتتكيف تلقائيًا مع الوضع الفاتح والداكن.
التنقل
Section titled “التنقل”arrow-up
arrow-down
arrow-left
arrow-right
chevron-up
chevron-down
chevron-left
chevron-right
external-link
house
الإجراءات
Section titled “الإجراءات”search
plus
minus
x
check
copy
download
upload
trash-2
pencil
الكائنات
Section titled “الكائنات”file
folder
image
settings
calendar
clock
bookmark
star
heart
rocket
التواصل
Section titled “التواصل”mail
message-circle
phone
send
bell
الأمان والحالة
Section titled “الأمان والحالة”shield
lock
lock-open
key-round
eye
triangle-alert
info
circle-check
circle-x
loader
البنية التحتية
Section titled “البنية التحتية”cloud
server
database
globe
network
wifi
hard-drive
cpu
terminal
code
تصفح جميع الأيقونات
Section titled “تصفح جميع الأيقونات”للاطلاع على القائمة الكاملة التي تضم ما يقارب 1,600 أيقونة من Lucide، تفضل بزيارة lucide.dev/icons.