CSS 画像をマスクで切り抜き

<div class="masked"></div>

.masked {
  width: 100px;
  height: 100px;
  background-color: #8cffa0;
  -webkit-mask-image: url(star.svg);
  mask-image: url(star.svg);
      mask-repeat: no-repeat;
      mask-position: 0 0;
      mask-size: 100%;
}

変幻自在なグラフィック表現！CSS, SVG, Canvasでマスクを使いこなせ - ICS MEDIA

mask-image - CSS: カスケーディングスタイルシート | MDN