MDUIDocs
Copy llms.txt linkCopy llms-full.txt linkView this page in MarkdownDiscuss this page with ChatGPTDiscuss full project docs with ChatGPT
Preset Colors
Custom Color
Extract from Wallpaper
Please select a wallpaper
Getting Started
AI-Assisted Development
Styles
Integration with Frameworks
Components
Functions
Libraries
@mdui/icons Icon Library

@mdui/iconsIcon Library

@mdui/icons is a standalone package that contains all the Material Icons as individual files.

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 use 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