如何获取Material UI Icon SVG路径?反应图标选择器

时间:2019-06-16 18:49:11

标签: reactjs svg icons material-ui

我有一个使用Material UI图标的React应用程序。主要目的是拥有一个图标选择器,用户可以在其中选择一个MUI图标,并将所选图标的SVG路径保存在该状态内。

此svg路径将保存到API中,并可以在各个地方显示。等等

我已经在MUI网站上搜索了有关图标的文档,但这全都与实现有关,我可以做的很好。我一直在寻找npm软件包,但运气不佳。

我确实遇到了这个程序包(https://github.com/DMDc0de/material-ui-icon-picker),这实际上是我想要的选择器-但是它为图标组件<i />输出图标的名称。不是我想要的我需要SVG路径的来源。

任何朝此方向发展都将非常有帮助。

1 个答案:

答案 0 :(得分:0)

  1. 转到图标站点:https://material.io/tools/icons/
  2. 单击图标
  3. 单击“选定图标”按钮(左下方)
  4. 单击“ SVG”按钮以下载SVG版本

或者,转到GitHub repo并在那里下载SVG。