MDUIDocs
llms.txt のリンクをコピーllms-full.txt のリンクをコピーMarkdown 形式でこのページを表示このページの内容について ChatGPT と相談するプロジェクトの完全なドキュメントについて ChatGPT と相談する
プリセットカラー
カスタムカラー
壁紙から色を抽出
壁紙を選択してください
開発ガイド
AI 補助開発
スタイル
フレームワークとの統合
コンポーネント
関数
独立パッケージ
@mdui/icons 独立パッケージ

@mdui/icons独立パッケージ

@mdui/icons は独立したパッケージで、すべての Material Icons アイコンが含まれており、各アイコンは独立したファイルです。

必要なアイコンのみを必要に応じてインポートできるため、アイコンライブラリ全体をインポートする必要はありません。したがって、@mdui/icons を使用すると、<mdui-icon> コンポーネントを使用する場合と比較して、プロジェクトのバンドルサイズを大幅に削減できます。

インストール

このパッケージは別途インストールする必要があります:

npm install @mdui/icons --save

使用

インストール後、必要なアイコンファイルをインポートします:

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

そして、対応するアイコンコンポーネントを使用できます:

<mdui-icon-search></mdui-icon-search>
FilledOutlinedRoundedSharpTwo tone
import '@mdui/icons/.js';
<mdui-icon-></mdui-icon->
このページの目次