ไอคอน Lucide

Lucide มีไอคอนสโตรกที่ทันสมัยและสอดคล้องกันประมาณ 1,600 รายการ ใช้ส่วนประกอบ Icon จาก @f5-sales-demo/icons-lucide เพื่อแสดงไอคอนใดก็ได้โดยระบุชื่อ

การใช้งาน

---
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 — ปรับให้เข้ากับโหมดสว่างและโหมดมืดโดยอัตโนมัติ

การนำทาง

arrow-up

arrow-down

arrow-left

arrow-right

chevron-up

chevron-down

chevron-left

chevron-right

external-link

house

การกระทำ

plus

minus

check

copy

download

upload

trash-2

pencil

วัตถุ

file

folder

image

settings

calendar

clock

bookmark

star

heart

rocket

การสื่อสาร

mail

message-circle

phone

send

bell

ความปลอดภัย & สถานะ

shield

lock

lock-open

key-round

eye

triangle-alert

info

circle-check

circle-x

loader

โครงสร้างพื้นฐาน

cloud

server

database

globe

network

wifi

hard-drive

cpu

terminal

code

ดูไอคอนทั้งหมด

สำหรับรายการไอคอน Lucide ทั้งหมดประมาณ 1,600 รายการ โปรดเยี่ยมชม lucide.dev/icons