如何修复 svg iconmoon 在代码和框上不起作用

IT技术 javascript reactjs svg icons codesandbox
2021-05-17 01:57:14

我目前正在尝试在 codeandbox 上的react小项目中使用带有“use”标签的 iconmoon 图标。不幸的是,您不会在屏幕上看到任何图标。下面是出现问题的链接,第 45 行。

https://codesandbox.io/s/new-otrs7

我已经尝试将 svg 放在公共文件夹上,并使用 head 内的链接标签引用它。仍然不起作用。

<use xlinkHref="./img/sprite.svg#icon-react" />

我想让react图标出现。

先感谢您!

1个回答

通过将 SVG 放在公共目录中,然后在我的模板中,我使它适用于 codeandbox.io 上的 Vue 项目,我这样做了:

<img src="icon-name.svg" />