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

【问题标题】：How to add a custom svg icon to the Material UI font icon?如何将自定义 svg 图标添加到 Material UI 字体图标？
【发布时间】：2023-03-07 06:37:01
【问题描述】：

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

有没有办法为它创建 js 文件，类似于现有的那些？喜欢这个：https://github.com/callemall/material-ui/blob/master/src/svg-icons/action/accessibility.js 我不知道“路径”从何而来，有人知道吗？

提前致谢！

【问题讨论】：

【解决方案1】：

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

一旦你这样做了（对于 SVG，数据不一定必须是 path 格式，你可以使用可用的语法和属性创建任何有效的 SVG，你可以找到关于 right here 的信息），你可以只需复制其中一个 JS 文件并在适用的地方导入/导出它们，并以与任何 Material UI 类似的方式使用它。

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

【讨论】：