``material icons`的正确使用方法是什么？
``material icons`的正确使用方法是什么？
提问于 2019-05-31 09:44:14
我在我的react项目中使用了material-ui。我发现有两种不同的方式来使用他们的图标。
其中一个来自这个网站：https://material.io/tools/icons/?icon=3d_rotation&style=baseline。您可以通过单击左侧面板上的图标来下载它。或者，您可以在项目中安装material-design-icons。
另一种方法是像这样导入它们：
import SearchIcon from '@material-ui/icons/Search';
import ArrowDownwardIcon from '@material-ui/icons/ArrowDownward';
import Close from '@material-ui/icons/Close'我想知道它们是一样的吗？或者有什么不同？
回答 1
Stack Overflow用户
回答已采纳
发布于 2019-05-31 09:51:03
如果您使用Material-UI，我(和他们)建议使用它们的方式是使用@material-ui/icons包SVGIcons。我通常做的是在你发布的网站上查找图标，然后从@material-ui/icons上拉出它们。
例如，在该网站上，您将看到一个名为alarm_on的包，您可以从像import YourIcon from '@material-ui/icons/AlarmOn'这样的包中导入它。
我喜欢这样做而不是使用图标字体的原因是，当连接不好的人试图加载你的应用程序时，图标可能甚至无法加载，他们会在图标所在的纯文本中看到一个丑陋的"alarm_on“。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56387678
复制相关文章
相似问题
腾讯云开发者
