gpt4 book ai didi

svg - 如何在 Material-UI 的 SvgIcon 中使用 SVG 文件

转载 作者:行者123 更新时间:2023-12-03 10:59:43 25 4
gpt4 key购买 nike

我有一个 SVG 文件,我想用它制作一个 SvgIcon 组件,我该怎么做?

documentation ,所有示例都使用预定义的 Material 图标或 <path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z" /> 的奇怪符号。我不知道它是什么!

最佳答案

<path />是 SVG 路径,即 SVG 的内部位。 SvgIcon组件确实应该能够走一条路径,但它没有:(

相反,您可以创建一个类似 https://github.com/callemall/material-ui/blob/56c113217d7d05d8bb0712771b727df81984d04b/src/svg-icons/action/home.js 的组件

用你的 svg 源代替 path . (我建议使用 https://jakearchibald.github.io/svgomg/ 将其缩小一点)

关于svg - 如何在 Material-UI 的 SvgIcon 中使用 SVG 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38510443/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com