Icons

2191 Material Design icons available via @materialelements/icons. Apache 2.0 — designed by Google.

Installation

npm install @materialelements/icons

Import the icons package once (e.g. in your app entry point) — it registers all icons with <me-icon> automatically.

import '@materialelements/icons';

Then use any icon by name:

<me-icon name="home"></me-icon> <me-icon name="search" color="primary"></me-icon> <me-icon name="favorite" color="error" font-size="large"></me-icon>

For CDN / script-tag usage, load the icons bundle after core:

The default icon variant is outlined. Accepts the same color and font-size attributes as <me-icon>:

Attribute	Type	Default	Description
`name`	string	—	Icon name (e.g. `home`, `search`). Requires `@materialelements/icons` to be loaded.
`color`	inherit \| primary \| secondary \| action \| error \| disabled	inherit	Icon color.
`font-size`	inherit \| small \| medium \| large	medium	Icon size via `font-size`.