IE和Edge CSS蒙版

Question

.icon{
  width: 20px;
  height: 20px;
  background-image: url("https://filebin.net/ohqbnjapd3pb1ph1/_______________-________.svg?t=oy0jd7bb");
  background-repeat: no-repeat;
  -webkit-background-size: 100%;
  background-size: 100%;
  display: inline-block;
  mask:url("https://filebin.net/ohqbnjapd3pb1ph1/_______________-________.svg?t=oy0jd7bb") no-repeat 100%;
}

.icon:hover{
  background:red;
}

<span class="icon icon-filter"></span>

问候，我正在尝试使用遮罩为svg着色，但是在Edge和IE上将无法使用。