Css 在项目中使用本地图标svg

我正在尝试使用css在屏幕上呈现SVG。这是我的文件结构<代码>根目录>资源>图标>用户图标.svg。因此，我尝试使用CSS添加如下内容：

.user-element {
  background-image: url(/assets/icons/user-icon.svg);
}

但屏幕上没有显示任何内容，我在控制台中遇到以下错误：

GEThttp://localhost:4000/assets/icons/user-icon.svg 404（未找到）

---

我不想提出网络请求。更多的只是在本地文件系统中查找SVG。这方面的任何帮助都会很好，谢谢

使用这种URL，仅仅是一个路径，浏览器将预先显示当前页面的方案、服务器和端口。

---

要访问本地文件系统，请尝试该方案。

在url前面放上：

/

，并将路径放在引号（

'

）中，如下所示：

.user-element {
  background-image: url('./assets/icons/user-icon.svg');
}

如果它再次不起作用，则意味着路径错误

但正如我在你的问题中看到的，你说图标在

资产/图标/用户图标.svg

中，但在css代码中你使用的是

资产/图标/用户图标.svg

，因此它的路径是错误的。试着使用以下代码：

.user-element {
  background-image: url(./assets/icon/user-icon.svg);
}

---

是

图标

还是

图标

？