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

时间:2016-06-24 04:58:16

标签: svg reactjs material-ui

我正在寻找的图标非常独特,所以我想我必须创建自己的图标。 (我正在寻找一个关闭门的图标)我发现了一个类似于我需要的PNG文件,但我需要想办法将它与材料ui字体图标集成。

有没有办法为它创建js文件,类似于存在的?像这样:https://github.com/callemall/material-ui/blob/master/src/svg-icons/action/accessibility.js 我不知道“路径”来自哪里,有人知道吗?

提前致谢!

1 个答案:

答案 0 :(得分:1)

这些是使用专门为此目的创建的设计工具创建的。如果您在该领域缺乏经验,创建基于路径的SVG图标将花费更多时间,但是您很可能通过一些免费的在线工具和一点耐心来创建自己的。

完成后(数据不一定必须是path格式的SVG,您可以使用可用的语法和属性创建任何有效的SVG,您可以找到有关right here的信息),您可以简单地复制其中一个JS文件并在适用的地方导入/导出它们,并以与任何Material UI相似的方式使用它。

这样一个在线工具可以用来创建你需要的东西:

http://editor.method.ac/