blocks|key|1881285|text|这是你引用它的方式(在你的styles.css中)：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1881286|@import+'~material-design-icons/iconfont/material-icons.css';|code-block|syntax|javascript|1881287|要使用它：|1881288|<i+class="material-icons">cloud_upload|1881289|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

This is the way you can reference it (in your styles.css):

<pre><code>@import '~material-design-icons/iconfont/material-icons.css';
</code></pre>

To use it:

<pre><code>&lt;i class="material-icons"&gt;cloud_upload&lt;/i&gt;
</code></pre>

blocks|key|2518361|text|在项目中打开angular.json，并在projects+=>+YOUR_APP+=>+architect+=>+options+=>+styles下添加以下行node_modules/material-design-icons/iconfont/material-icons.css|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2518362|​|2518363|📷|atomic|2518364|2518365|My+angular+version+ng+version**:**|BOLD|2518366|Angular+CLI:+8.0.3+
Node:+11.15.0
OS:+linux+x64
Angular:+8.0.1|code-block|syntax|javascript|2518367|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/94ef7a51f3dfb566c25472d7731c105c.png|imageAlt^0|6|C|L|1I|29|1Q|0|0|0|1|0|0|0|0|I|J|C|J|A|0|0^^$0|@$1|2|3|4|5|6|7|12|8|@$9|13|A|14|B|C]|$9|15|A|16|B|C]|$9|17|A|18|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|19|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|1A|8|@]|D|@$9|1B|A|1C|1|1D]]|E|$]]|$1|K|3|G|5|6|7|1E|8|@]|D|@]|E|$]]|$1|L|3|M|5|6|7|1F|8|@$9|1G|A|1H|B|N]|$9|1I|A|1J|B|N]|$9|1K|A|1L|B|C]]|D|@]|E|$]]|$1|O|3|P|5|Q|7|1M|8|@]|D|@]|E|$R|S]]|$1|T|3|-4|5|6|7|1N|8|@]|D|@]|E|$]]]|U|$V|$5|W|X|Y|E|$Z|10|11|-4]]]]

Open <code>angular.json</code> in your project, and add the following line <code>node_modules/material-design-icons/iconfont/material-icons.css</code> under <code>projects =&gt; YOUR_APP =&gt; architect =&gt; options =&gt; styles</code>

<a href="https://i.stack.imgur.com/SE2hR.png" rel="noreferrer"><img src="https://i.stack.imgur.com/SE2hR.png" alt="add new stylesheet to angular project"></a>

My angular version <code>ng version</code>:

<pre><code>Angular CLI: 8.0.3 
Node: 11.15.0
OS: linux x64
Angular: 8.0.1
</code></pre>

blocks|key|1876334|text|在npm+install+material-design-icons之后的index.html文件中使用它。它在我的Angular项目中工作。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1876335|<link+href="../node_modules/material-design-icons/iconfont/material-icons.css"+rel="stylesheet">|code-block|syntax|javascript|1876336|entityMap^0|1|X|11|A|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|S|8|@]|D|@]|E|$]]]|L|$]]

Use this in <code>index.html</code> file after <code>npm install material-design-icons</code> .
It works in my Angular Project.

<pre><code>&lt;link href="../node_modules/material-design-icons/iconfont/material-icons.css" rel="stylesheet"&gt;
</code></pre>

blocks|key|6046669|text|使用npm+&+laravel-mix你可以这样做：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|6046670|//+Material+Design+Icons+-+File:+sass/app.scss
@import+'~material-design-icons/iconfont/material-icons.css';|code-block|syntax|javascript|6046671|cmd：|6046672|npm+run+dev|6046673|html：|6046674|<i+class="material-icons">+list+|6046675|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

Using npm &amp; laravel-mix you can do this:

<pre><code>// Material Design Icons - File: sass/app.scss
@import '~material-design-icons/iconfont/material-icons.css';
</code></pre>

cmd:

<pre><code>npm run dev
</code></pre>

html:

<pre><code>&lt;i class="material-icons"&gt; list &lt;/i&gt;
</code></pre>

blocks|key|2518392|text|您可以使用Material-UI，它提供了两个组件来呈现系统图标：SvgIcon用于呈现SVG路径，Icon用于呈现字体图标。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2518393|如果您尚未在项目中使用Material-UI，则可以使用以下命令添加它：|2518394|//+with+npm
npm+install+@material-ui/core

//+with+yarn
yarn+add+@material-ui/core|code-block|syntax|javascript|2518395|SVG材质图标|BOLD|2518396|Material-UI提供了一个单独的npm包@material-ui/icons，其中包含转换为SvgIcon组件的1,000%2B官方Material+icons|2518397|1.安装|2518398|//+with+npm
npm+install+@material-ui/icons

//+with+yarn
yarn+add+@material-ui/icons|2518399|2.导入图标|2518400|import+AccessAlarmIcon+from+'@material-ui/icons/AccessAlarm';
import+ThreeDRotation+from+'@material-ui/icons/ThreeDRotation';|2518401|3.使用|2518402|您可以使用material.io/tools/icons查找特定的图标。导入图标时，请记住图标的名称为PascalCase，例如：|2518403|当|2518404|delete+|unordered-list-item|2518405|delete+forever被公开为@material-ui/icons/DeleteForever|2518406|时，@material-ui/icons/Delete将被公开|2518407|对于主题图标，将主题名称附加到图标名称。例如，使用|2518408|2518409|概述的delete图标显示为@material-ui/icons/DeleteOutlined+|2518410|圆角delete图标显示为@material-ui/icons/DeleteRounded+|2518411|<代码>H139双音D40图标显示为<代码>D41<代码>H242<代码>H143夏普D44图标显示为<代码>D45<代码>H246<代码>F247|2518412|此规则有三种例外情况：|2518413|2518414|3d_rotation被暴露为|2518415|4k被暴露为@material-ui/icons/ThreeSixty+|2518416|，@material-ui/icons/FourK被暴露为@material-ui/icons/ThreeSixty|2518417|字体材料图标|2518418|1.通过Google++Fonts将包含在项目中|2518419|<link+rel="stylesheet"+href="https://fonts.googleapis.com/icon?family=Material%2BIcons"+/>|2518420|组件2.导入Icon+组件：|2518421|import+Icon+from+'@material-ui/core/Icon';|2518422|图标3.用图标组件包装图标名称，例如|2518423|<Icon>star</Icon>|2518424|更多信息here|2518425|entityMap|0|LINK|mutability|MUTABLE|url|https://material-ui.com/components/icons/#icons|1|https://material-ui.com/components/icons/#svg-material-icons|2|https://material-ui.com/components/icons/#font-material-icons|3|https://material-ui.com/getting-started/installation/#installation|4|https://www.npmjs.com/package/@material-ui/icons|5|https://material.io/tools/icons/?style=baseline|6|7^0|X|7|1E|4|5|B|0|X|7|1|1E|4|2|0|B|B|3|0|0|0|7|0|1D|7|N|I|4|1V|E|5|0|0|4|0|0|0|6|0|0|0|4|0|1F|A|5|N|6|0|0|0|6|0|0|E|I|W|0|2|P|0|0|0|3|6|E|X|0|2|6|D|W|0|0|0|0|0|B|0|0|2|6|T|0|1|O|T|T|0|0|6|0|0|H|I|6|0|0|0|A|B|3|6|4|0|0|0|I|0|0|4|4|7|0^^$0|@$1|2|3|4|5|6|7|2U|8|@$9|2V|A|2W|B|C]|$9|2X|A|2Y|B|C]]|D|@$9|2Z|A|30|1|31]|$9|32|A|33|1|34]|$9|35|A|36|1|37]]|E|$]]|$1|F|3|G|5|6|7|38|8|@]|D|@$9|39|A|3A|1|3B]]|E|$]]|$1|H|3|I|5|J|7|3C|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|3D|8|@$9|3E|A|3F|B|O]]|D|@]|E|$]]|$1|P|3|Q|5|6|7|3G|8|@$9|3H|A|3I|B|C]]|D|@$9|3J|A|3K|1|3L]|$9|3M|A|3N|1|3O]]|E|$]]|$1|R|3|S|5|6|7|3P|8|@$9|3Q|A|3R|B|O]]|D|@]|E|$]]|$1|T|3|U|5|J|7|3S|8|@]|D|@]|E|$K|L]]|$1|V|3|W|5|6|7|3T|8|@$9|3U|A|3V|B|O]]|D|@]|E|$]]|$1|X|3|Y|5|J|7|3W|8|@]|D|@]|E|$K|L]]|$1|Z|3|10|5|6|7|3X|8|@$9|3Y|A|3Z|B|O]]|D|@]|E|$]]|$1|11|3|12|5|6|7|40|8|@$9|41|A|42|B|C]]|D|@$9|43|A|44|1|45]]|E|$]]|$1|13|3|14|5|6|7|46|8|@]|D|@]|E|$]]|$1|15|3|16|5|17|7|47|8|@$9|48|A|49|B|C]]|D|@]|E|$]]|$1|18|3|19|5|17|7|4A|8|@$9|4B|A|4C|B|C]|$9|4D|A|4E|B|C]]|D|@]|E|$]]|$1|1A|3|1B|5|6|7|4F|8|@$9|4G|A|4H|B|C]]|D|@]|E|$]]|$1|1C|3|1D|5|6|7|4I|8|@]|D|@]|E|$]]|$1|1E|3|-4|5|6|7|4J|8|@]|D|@]|E|$]]|$1|1F|3|1G|5|17|7|4K|8|@$9|4L|A|4M|B|C]|$9|4N|A|4O|B|C]]|D|@]|E|$]]|$1|1H|3|1I|5|17|7|4P|8|@$9|4Q|A|4R|B|C]|$9|4S|A|4T|B|C]]|D|@]|E|$]]|$1|1J|3|1K|5|6|7|4U|8|@]|D|@]|E|$]]|$1|1L|3|1M|5|6|7|4V|8|@]|D|@]|E|$]]|$1|1N|3|-4|5|6|7|4W|8|@]|D|@]|E|$]]|$1|1O|3|1P|5|17|7|4X|8|@$9|4Y|A|4Z|B|C]]|D|@]|E|$]]|$1|1Q|3|1R|5|17|7|50|8|@$9|51|A|52|B|C]|$9|53|A|54|B|C]]|D|@]|E|$]]|$1|1S|3|1T|5|6|7|55|8|@$9|56|A|57|B|C]|$9|58|A|59|B|C]]|D|@]|E|$]]|$1|1U|3|1V|5|6|7|5A|8|@$9|5B|A|5C|B|O]]|D|@]|E|$]]|$1|1W|3|1X|5|6|7|5D|8|@$9|5E|A|5F|B|O]|$9|5G|A|5H|B|O]]|D|@]|E|$]]|$1|1Y|3|1Z|5|J|7|5I|8|@]|D|@]|E|$K|L]]|$1|20|3|21|5|6|7|5J|8|@$9|5K|A|5L|B|O]|$9|5M|A|5N|B|O]|$9|5O|A|5P|B|C]]|D|@]|E|$]]|$1|22|3|23|5|J|7|5Q|8|@]|D|@]|E|$K|L]]|$1|24|3|25|5|6|7|5R|8|@$9|5S|A|5T|B|O]]|D|@]|E|$]]|$1|26|3|27|5|J|7|5U|8|@]|D|@]|E|$K|L]]|$1|28|3|29|5|6|7|5V|8|@]|D|@$9|5W|A|5X|1|5Y]]|E|$]]|$1|2A|3|-4|5|6|7|5Z|8|@]|D|@]|E|$]]]|2B|$2C|$5|2D|2E|2F|E|$2G|2H]]|2I|$5|2D|2E|2F|E|$2G|2J]]|2K|$5|2D|2E|2F|E|$2G|2L]]|2M|$5|2D|2E|2F|E|$2G|2N]]|2O|$5|2D|2E|2F|E|$2G|2P]]|2Q|$5|2D|2E|2F|E|$2G|2R]]|2S|$5|2D|2E|2F|E|$2G|2R]]|2T|$5|2D|2E|2F|E|$2G|2H]]]]

You can use <a href="https://material-ui.com/components/icons/#icons" rel="nofollow noreferrer">Material-UI</a> which provides two components to render system icons: <a href="https://material-ui.com/components/icons/#svg-material-icons" rel="nofollow noreferrer"><code>SvgIcon</code></a> for rendering SVG paths, and <a href="https://material-ui.com/components/icons/#font-material-icons" rel="nofollow noreferrer"><code>Icon</code></a> for rendering font icons.

If you are not already using <a href="https://material-ui.com/getting-started/installation/#installation" rel="nofollow noreferrer">Material-UI</a> in your project, you can add it with: 

<pre><code>// with npm
npm install @material-ui/core

// with yarn
yarn add @material-ui/core
</code></pre>

SVG Material icons:

Material-UI provides a separate npm package, <a href="https://www.npmjs.com/package/@material-ui/icons" rel="nofollow noreferrer">@material-ui/icons</a>, that includes the 1,000+ official <a href="https://material.io/tools/icons/?style=baseline" rel="nofollow noreferrer">Material icons</a> converted to <code>SvgIcon</code> components

1. Installation:

<pre><code>// with npm
npm install @material-ui/icons

// with yarn
yarn add @material-ui/icons
</code></pre>

2. Import the icons:

<pre><code>import AccessAlarmIcon from '@material-ui/icons/AccessAlarm';
import ThreeDRotation from '@material-ui/icons/ThreeDRotation';
</code></pre>

3. Usage:

You can use <a href="https://material.io/tools/icons/?style=baseline" rel="nofollow noreferrer">material.io/tools/icons</a> to find a specific icon. When importing an icon, keep in mind that the names of the icons are <code>PascalCase</code>, for instance:

<ul>
<li><code>delete</code> is exposed as <code>@material-ui/icons/Delete</code> </li>
<li><code>delete forever</code> is exposed as <code>@material-ui/icons/DeleteForever</code></li>
</ul>

For themed icons, append the theme name to the icon name. For instance with the

<ul>
<li>The Outlined <code>delete</code> icon is exposed as <code>@material-ui/icons/DeleteOutlined</code> </li>
<li>The Rounded <code>delete</code> icon is exposed as <code>@material-ui/icons/DeleteRounded</code> </li>
<li>The Two Tone <code>delete</code> icon is exposed as <code>@material-ui/icons/DeleteTwoTone</code> </li>
<li>The Sharp <code>delete</code> icon is exposed as <code>@material-ui/icons/DeleteSharp</code> </li>
</ul>

There are three exceptions to this rule:

<ul>
<li><code>3d_rotation</code> is exposed as <code>@material-ui/icons/ThreeDRotation</code> </li>
<li><code>4k</code> is exposed as <code>@material-ui/icons/FourK</code> </li>
<li><code>360</code> is exposed as <code>@material-ui/icons/ThreeSixty</code> </li>
</ul>

Font Material icons:

1. Include <a href="https://google.github.io/material-design-icons/#icon-font-for-the-web" rel="nofollow noreferrer">Material icon font</a> in your project, via Google Web Fonts:

<pre><code>&lt;link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" /&gt;
</code></pre>

2. Import <code>Icon</code> component:

<pre><code>import Icon from '@material-ui/core/Icon';
</code></pre>

3. wrap the icon name with the Icon component, for example:

<pre><code>&lt;Icon&gt;star&lt;/Icon&gt;
</code></pre>

more info <a href="https://material-ui.com/components/icons/#icons" rel="nofollow noreferrer">here</a>

blocks|key|1876445|text|我复制了"node_modules/material-design-icons/iconfont/material-icons.css"，，更改了文件中的url，然后将复制的文件导入我的主样式表中。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1876446|@font-face+{
++font-family:+'Material+Icons';
++font-style:+normal;
++font-weight:+400;
++src:+url('~material-design-icons/iconfont/MaterialIcons-Regular.eot');+/*+For+IE6-8+*/
++src:+local('Material+Icons'),
+++++++local('MaterialIcons-Regular'),
+++++++url('~material-design-icons/iconfont/MaterialIcons-Regular.woff2')+format('woff2'),
+++++++url('~material-design-icons/iconfont/MaterialIcons-Regular.woff')+format('woff'),
+++++++url('~material-design-icons/iconfont/MaterialIcons-Regular.ttf')+format('truetype');
}|code-block|syntax|javascript|1876447|entityMap^0|25|3|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

I made a copy of the "node_modules/material-design-icons/iconfont/material-icons.css", changed the <code>url</code>s in the file and then imported that copied file in my main stylesheet.

<pre><code>@font-face {
 font-family: 'Material Icons';
 font-style: normal;
 font-weight: 400;
 src: url('~material-design-icons/iconfont/MaterialIcons-Regular.eot'); /* For IE6-8 */
 src: local('Material Icons'),
 local('MaterialIcons-Regular'),
 url('~material-design-icons/iconfont/MaterialIcons-Regular.woff2') format('woff2'),
 url('~material-design-icons/iconfont/MaterialIcons-Regular.woff') format('woff'),
 url('~material-design-icons/iconfont/MaterialIcons-Regular.ttf') format('truetype');
}
</code></pre>

blocks|key|1876453|text|这对我使用laravel+8&npm很有效：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1876454|//terminal:
npm+install+material-design-icons|code-block|syntax|javascript|1876455|然后在你的webpack.mix.js中添加|1876456|.postCss('node_modules/material-design-icons/iconfont/material-icons.css',+'public/css')|1876457|所以它看起来更像--不像这样：|1876458|mix.js('resources/js/app.js',+'public/js')
.sass('resources/sass/app.scss',+'public/css')
.postCss('node_modules/material-design-icons/iconfont/material-icons.css',+'public/css')
.sourceMaps();|1876459|下一步|1876460|//terminal
npm+run+dev|1876461|正因为如此，您将在您的公共文件夹中获得material-icons.css文件，所以现在，您所要做的就是将其包含在您的html中。|1876462|<link+href="{{+asset('css/material-icons.css')+}}"+rel="stylesheet">|1876463|entityMap^0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|10|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|11|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|12|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|13|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|14|8|@]|9|@]|A|$]]|$1|Q|3|R|5|D|7|15|8|@]|9|@]|A|$E|F]]|$1|S|3|T|5|6|7|16|8|@]|9|@]|A|$]]|$1|U|3|V|5|D|7|17|8|@]|9|@]|A|$E|F]]|$1|W|3|-4|5|6|7|18|8|@]|9|@]|A|$]]]|X|$]]

That worked for me with laravel 8 &amp; npm:
<pre><code>//terminal:
npm install material-design-icons
</code></pre>
Then in your webpack.mix.js add
<pre><code>.postCss('node_modules/material-design-icons/iconfont/material-icons.css', 'public/css')
</code></pre>
so it would look more-less like this:
<pre><code>mix.js('resources/js/app.js', 'public/js')
.sass('resources/sass/app.scss', 'public/css')
.postCss('node_modules/material-design-icons/iconfont/material-icons.css', 'public/css')
.sourceMaps();
</code></pre>
Next
<pre><code>//terminal
npm run dev
</code></pre>
Because of that you will get material-icons.css file in your public folder so now, all you have to do is to include it in your html.
<pre><code>&lt;link href=&quot;{{ asset('css/material-icons.css') }}&quot; rel=&quot;stylesheet&quot;&gt;
</code></pre>

So after doing <code>npm install material-design-icons</code>, how do I use them in my <code>React</code> application?

The methods included <a href="https://google.github.io/material-design-icons/#icon-font-for-the-web" rel="noreferrer">here</a> doesn't include the <code>npm</code> method.

How do I reference Google Material-Design-Icons after npm install?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

那么，在完成npm install material-design-icons之后，如何在我的React应用程序中使用它们呢？包含在中的方法不包含npm方法。

问安装npm后如何引用Google Material-Design-Icons？
EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问安装npm后如何引用Google Material-Design-Icons？EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问安装npm后如何引用Google Material-Design-Icons？
EN