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

How to add a custom svg icon to the Material UI font icon?

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

有没有办法为它创建类似现有的js文件?喜欢这个:https://github.com/callemall/material-ui/blob/master/src/svg-icons/action/accessibility.js 我不知道"path"是从哪里来的,有人知道吗?

提前致谢!

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

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

这样的在线工具可能就是用于创建您需要的工具:

http://editor.method.ac/