在svg-icons文件夹中是否有关于如何使用material-ui图标的列表?

6by3

我想使用npm install时在svg-icons文件夹中的material-ui图标,但是每个js文件上每个图标的实现都有不同的导入,例如动作或编辑器中的导入。我不得不看一下通过js文件查找如何导入每个图标。我想要一个专门允许我复制粘贴每个图标的导入的文档或网站。

**navigate next**从Google设计中寻找图标,并在中找到它

import ImageNavigateNext from 'material-ui/svg-icons/image/navigate-next';

杰罗恩·维恩克(Jeroen Wienk)

对于v1

您可以在图标上查找类别和名称

每个SvgIcon都将映射到:

import MyIconName from 'material-ui/svg-icons/<category>/<name>';

例如,如果我要输入属于操作类别帐户余额图标,则可以导入。

import BalanceIcon from 'material-ui/svg-icons/action/account-balance';

请注意,空格将变为破折号。因此,您想要的列表在上面的链接上。

v1

在新版本的material-ui中,图标位于各自的包material-ui-icons中现在,您只需查找名称,然后使用PascalCase查找正确的名称。类别不再相关。所以:

import BalanceIcon from 'material-ui/svg-icons/action/account-balance';

成为:

import BalanceIcon from 'material-ui-icons/AccountBalance';

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在React中更改svg图标的大小?

来自分类Dev

是否可以仅显示SVG图标的一半?

来自分类Dev

如何调整SVG社交图标的宽度和高度?

来自分类Dev

SVG图标的字符串是什么,如何获取?

来自分类Dev

尝试删除此SVG图标的半径-任何想法如何?

来自分类Dev

如何调整SVG社交图标的宽度和高度?

来自分类Dev

带有所有图标的铁图标集 svg 文件 Polymer 2.0

来自分类Dev

对使用SVG Sprite图标的SVG对象进行动画处理

来自分类Dev

如何在material-ui iconButtons中放大SVG图标?

来自分类Dev

SVG图标破坏了以下SVG图标的颜色

来自分类Dev

ReactJS 中的 SVG 图标

来自分类Dev

带有SVG图标的Chrome扩展程序(chrome.browserAction.setIcon)

来自分类Dev

文件夹图标(GNOME)的SVG源文件的位置

来自分类Dev

文件夹图标(GNOME)的SVG源文件的位置

来自分类Dev

图标的 SVG 线交叉动画

来自分类Dev

如何将自定义svg图标添加到Material UI字体图标?

来自分类Dev

如何找到文件夹使用的图标的路径?

来自分类Dev

在Kendo UI中修改面板箭头图标的CSS样式

来自分类Dev

带有Material-UI的SVG图标:在哪里找到,如何样式化?

来自分类Dev

如何使列表视图中每个图标的左侧弹出?

来自分类Dev

如何使列表视图中每个图标的左侧弹出?

来自分类Dev

如何设置项目符号列表图标的样式

来自分类Dev

如何在Material-UI IconButton中居中对齐自定义SVG图标

来自分类Dev

如何从SVG图标生成webfont

来自分类Dev

传单中的彩色SVG图标

来自分类Dev

android gmail app,例如在图标中带有4个图标的列表视图

来自分类Dev

如何在Material-UI中的SvgIcon中使用SVG文件

来自分类Dev

如何从SVG文件维护图标字体

来自分类Dev

显示SVG图标的可重复使用的角度组件的宽度/高度未设置任何位置,并且位于图标正下方,内部是堆栈闪电

Related 相关文章

  1. 1

    如何在React中更改svg图标的大小?

  2. 2

    是否可以仅显示SVG图标的一半?

  3. 3

    如何调整SVG社交图标的宽度和高度?

  4. 4

    SVG图标的字符串是什么,如何获取?

  5. 5

    尝试删除此SVG图标的半径-任何想法如何?

  6. 6

    如何调整SVG社交图标的宽度和高度?

  7. 7

    带有所有图标的铁图标集 svg 文件 Polymer 2.0

  8. 8

    对使用SVG Sprite图标的SVG对象进行动画处理

  9. 9

    如何在material-ui iconButtons中放大SVG图标?

  10. 10

    SVG图标破坏了以下SVG图标的颜色

  11. 11

    ReactJS 中的 SVG 图标

  12. 12

    带有SVG图标的Chrome扩展程序(chrome.browserAction.setIcon)

  13. 13

    文件夹图标(GNOME)的SVG源文件的位置

  14. 14

    文件夹图标(GNOME)的SVG源文件的位置

  15. 15

    图标的 SVG 线交叉动画

  16. 16

    如何将自定义svg图标添加到Material UI字体图标?

  17. 17

    如何找到文件夹使用的图标的路径?

  18. 18

    在Kendo UI中修改面板箭头图标的CSS样式

  19. 19

    带有Material-UI的SVG图标:在哪里找到,如何样式化?

  20. 20

    如何使列表视图中每个图标的左侧弹出?

  21. 21

    如何使列表视图中每个图标的左侧弹出?

  22. 22

    如何设置项目符号列表图标的样式

  23. 23

    如何在Material-UI IconButton中居中对齐自定义SVG图标

  24. 24

    如何从SVG图标生成webfont

  25. 25

    传单中的彩色SVG图标

  26. 26

    android gmail app,例如在图标中带有4个图标的列表视图

  27. 27

    如何在Material-UI中的SvgIcon中使用SVG文件

  28. 28

    如何从SVG文件维护图标字体

  29. 29

    显示SVG图标的可重复使用的角度组件的宽度/高度未设置任何位置,并且位于图标正下方,内部是堆栈闪电

热门标签

归档