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" />

アイコンは currentColor を使用してインライン SVG としてレンダリングされ、ライトモードとダークモードに自動的に対応します。

一般

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 エクスプローラー をご覧ください。