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

Question

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

然后，这个 svg 路径将被保存到一个 API，可以在不同的地方显示。ETC。

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

我确实遇到了这个包（https://github.com/DMDc0de/material-ui-icon-picker），这基本上就是我想要的选择器 - 但它输出图标组件的图标名称<i />。不是我想要的。我需要 SVG 路径的来源。

任何朝着这个方向的方向都会非常有帮助。

Answer 1

1. 转到图标站点： https: //material.io/tools/icons/
2. 单击一个图标
3. 单击“选定图标”按钮（左下角）
4. 单击“SVG”按钮下载 SVG 版本

或者，转到GitHub 存储库并在那里下载 SVG。