background-image: url(data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' f…3E...

这是一个使用data URI scheme的CSS样式属性，其中包含了一个SVG图片的base64编码。具体来说，data URI scheme是一种用于在URL中嵌入小型数据的方法，这些数据可以是图像、音频、视频或其他类型的文件。在这个例子中，background-image样式属性的值是一个SVG图片的base64编码，该SVG图片可以作为元素的背景图像进行显示。

相关问题

vant的icon图标不用标签，用做background-image需要怎么引用

Vant UI库中的Icon组件默认是基于HTML标签`<van-icon>`使用的。如果你想要直接将Icon作为背景图像（background-image）而不是标签使用，你需要获取Icon的SVG路径数据，然后通过CSS设置背景。

首先，从Vant官网或者CDN上找到对应Icon的SVG路径，例如：

<!-- 示例：https://youzan.github.io/vant/icons/icon-search.svg -->
<link rel="stylesheet" href="https://unpkg.com/@vant/icons@latest/dist/icon.css">

接着，在CSS中，你可以使用`:before`或`:after`伪元素，并设置`content`属性为SVG路径：

.van-icon-custom {
  display: inline-block;
  width: 24px; /* 或者你所需的实际尺寸 */
  height: 24px;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22...%22%2F%3E%3C%2Fsvg%3E') center no-repeat;
}

/* 使用具体的Icon名称替换 'icon-name' */
.van-icon-custom:before {
  content: url("data:image/svg+xml;charset=utf8,...");
}

记得将`...`替换为实际的SVG路径数据。这样就实现了Vant Icon的背景图片应用。

<i class=“el-icon-shop”></i> 改为飞机图标

<i class="el-icon-shop" style="transform: rotate(180deg); background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M9%2017L5.6%2013.6a1%201%200%200%201-%201.4%201.4l4.4%204.4a1%201%200%200%201%201.4%201.4l-4.4%204.4a1%201%200%200%201-.9%201.9l-9%209a1%201%200%200%201-.9-1.9l4.4-4.4a1%201%200%200%201%201.4-1.4L9%2017z'%2F%3E%3C/svg%3E')"></i>
这个HTML代码原本表示一个商店的图标（`el-icon-shop`），如果你想改为飞机图标，可以将`background-image`属性中的SVG路径替换为飞机的SVG路径。这里是一个简单的示例，假设有一个飞机的SVG路径数据，你可以这样修改：

<i class="custom-icon" style="transform: rotate(180deg); background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='你的飞机SVG路径数据'%2F%3E%3C/svg%3E')"></i>

请将`你的飞机SVG路径数据`替换为实际的飞机矢量图形的SVG路径描述。注意，由于文本限制，无法在这里展示完整的SVG代码，你需要从合适的源获取飞机图标并提供正确的路径数据。