Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何将自定义svg图标添加到材质UI字体图标?_Svg_Reactjs_Material Ui - Fatal编程技术网

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

如何将自定义svg图标添加到材质UI字体图标?,svg,reactjs,material-ui,Svg,Reactjs,Material Ui,我正在寻找的图标非常独特,所以我想我必须创建自己的图标。(我正在寻找一个关上门的图标)我找到了一个类似于我需要的PNG文件,但我需要找到一种方法将其与材质ui字体图标集成 有没有一种方法可以为它创建js文件,类似于现有的方法?像这个: 我不知道“路径”从哪里来,有人知道吗 提前谢谢 这些是使用专门为此目的创建的设计工具创建的。如果您在该领域没有经验,那么创建基于路径的SVG图标将需要更多的时间,不过,您很可能可以使用一些免费的在线工具和一点耐心来创建自己的图标 一旦您这样做了(数据不一定必须是S

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

有没有一种方法可以为它创建js文件,类似于现有的方法?像这个: 我不知道“路径”从哪里来,有人知道吗


提前谢谢

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

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

这样的在线工具可以是创建您所需的:

中的说明包括一节。