使用图片做主题色切换

灵感来源：渡一视频（模特换装）

效果：

需要使用的图片：同一个样式的白色和黑色图片

icon1：

icon2：

<div>
  <div class="box">
    <img src="@/assets/icon1.png" />
    <div class="bg"></div>
  </div>
</div>

<style>
.box {
  position: relative;
  width: 80px;
  height: 80px;
}

img {
  width: 100%;
  height: 100%;
}

.bg {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, #df3d1d, rgb(29, 84, 223));
  mask: url('@/assets/icon2.png') no-repeat 100% 100% / cover;
  mask-size: 100% 100%;
  mix-blend-mode: multiply;
}
</style>