三种方式：object、embed、mask引用 Svg 并更改样式

<div class="item">
  <object data="test.svg" type="image/svg+xml"></object>
  <embed src="test.svg" type="image/svg+xml" />
</div>

.item {
  overflow: hidden;
  object,embed {
    cursor: pointer;
    filter: drop-shadow(#000000 0px -100px);
    transform: translate(0px, 100px);
  }
}

<div class="item"></div>

.item{
    mask: url("/test.svg") no-repeat center center;
    mask-size: contain;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.9);
}