如何在材料UI字体图标中添加自定义SVG图标



我正在寻找的图标非常独特,所以我认为我必须创建自己的图标。(我正在寻找一个封闭的门的图标)我找到了一个类似于我需要的png文件,但是我需要找出一种将其与材料UI字体图标集成在一起的方法。

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

预先感谢!

是使用专门为此目的创建的设计工具而创建的。如果您在该领域没有经验,则创建基于路径的SVG图标将需要更多时间,但是很可能您可以使用一些免费的在线工具和一些耐心来创建自己的。

完成(数据不一定必须以path格式为SVG,您可以使用可用的语法和属性创建任何有效的SVG,您可以在此处找到有关信息),您可以简单地复制一个在这些JS文件中,并将其导入/导出它们,并以类似的方式使用与任何材料UI一样使用它。

这样的在线工具可能是为创建您需要的东西的一种:

http://editor.method.ac/

最新更新