MDUIDocsEnglish简体中文LightDarkSystem
Preset Colors
Custom Color
Extract Color from Wallpaper
Select a Wallpaper
Getting Started
Styles
Frameworks
Components
Functions
Libraries
@mdui/icons

@mdui/icons

@mdui/icons is a standalone package that contains all the Material Icons, with each icon as an independent file.

You can import only the icons you need without having to import the entire icon library. Therefore, using @mdui/icons can significantly reduce the size of your project bundle compared to using the <mdui-icon> component.

Installation

You can install the package independently:

npm install @mdui/icons --save

Usage

After installation, you can import the necessary icon files:

import '@mdui/icons/search.js';

Then, you can utilize the corresponding icon component in your HTML:

<mdui-icon-search></mdui-icon-search>
FilledOutlinedRoundedSharpTwo tone
import '@mdui/icons/.js';
<mdui-icon-></mdui-icon->
On this page