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 encompasses all Material Icons. Each icon is encapsulated in a separate file, facilitating selective imports. This approach can significantly decrease the bundle size of your project, 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