Material Design Icons

Material Design Icons provides 7,638 icons with filled and outlined variants covering virtually every use case. Use the Icon component from @f5xc-salesdemos/icons-mdi to render any icon by name.

Usage

---
import Icon from '@f5xc-salesdemos/icons-mdi/Icon.astro';
---

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

Icons render as inline SVGs using currentColor — they automatically adapt to light and dark mode.

General

account

cog

file-document

chart-bar

alert

check-circle

robot

monitor-dashboard

Networking

network

lan

dns

web

api

earth

access-point

access-point-network

Security

shield-lock

lock

key

fire

eye

incognito

Cloud & DevOps

cloud

server

database

kubernetes

docker

terraform

console

memory

Data & Analytics

code-tags

github

lightning-bolt

source-branch

clipboard-text

magnify

Browse All Icons

For the complete list of 7,638 Material Design Icons, visit the Iconify MDI explorer.