Material Design Icons

Material Design Icons 提供 7,638 個圖示，涵蓋填充與外框兩種變體，幾乎適用於所有使用情境。使用 @f5-sales-demo/icons-mdi 中的 Icon 元件，透過名稱渲染任意圖示。

使用方式

---
import Icon from '@f5-sales-demo/icons-mdi/Icon.astro';
---

<Icon name="database" />
<Icon name="shield-lock" size="2rem" />
<Icon name="cloud" size="1.5rem" label="Cloud" />

圖示以內嵌 SVG 方式渲染，使用 currentColor — 可自動適應亮色與暗色模式。

一般

account

cog

file-document

chart-bar

alert

check-circle

robot

monitor-dashboard

網路

network

lan

dns

web

api

earth

access-point

access-point-network

資安

shield-lock

lock

key

fire

eye

incognito

雲端與 DevOps

cloud

server

database

kubernetes

docker

terraform

console

memory

資料與分析

code-tags

github

lightning-bolt

source-branch

clipboard-text

magnify

瀏覽所有圖示

如需完整的 7,638 個 Material Design Icons 清單，請造訪 Iconify MDI 瀏覽器。