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

Question

我想在nv install中使用svg-icons文件夹中的material-ui图标,但每个js文件中每个图标的实现都有不同的导入,就像动作或编辑器中的那些一样.我不得不看通过js文件找到如何导入每个图标.我想要一个文档或网站,专门让我复制粘贴每个图标的导入,这将有很大帮助,在此先感谢:)

我正在寻找**navigate next**谷歌设计的图标并找到它

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

Answer 1

前v1

您只需在https://design.google.com/icons/上查找类别和名称即可.

每个SvgIcon将映射到:

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

例如,如果我想要帐户余额图标,它是我要导入的操作类别的一部分.

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

请注意,空格将变为破折号.所以你想要的列表在上面的链接上.

V1

使用新版本的材料-ui,图标位于他们自己的包装材料-ui-icons中.现在你只需要查找名称和PascalCase就可以找到正确的名称.该类别不再相关.所以:

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

变为:

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