scss SVG蒙版改变颜色

Posted 2021-05-17

// https://codepen.io/chriscoyier/pen/bJXRwq?editors=0110
// https://twitter.com/chriscoyier/status/1124064712067624960

.icon-bike {
  mask: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/icon-bike-black.svg);
}
.icon {
  display: inline-block;
  width: 70px;
  height: 70px;
  background: black;
  mask-size: cover;
}
.icon:hover,
.icon:focus {
  background: red;
}