离子svg-图标-更改背景颜色

Question

我在应用程序中使用svg-icons，问题是是否有必要在其中放置不同颜色的图标，或者是否可以通过代码设置颜色。这是我的方法：

app.scss:
ion-icon {
  &[class*="custom-"] {
    mask-size: contain;
    mask-position: 50% 50%;
    mask-repeat: no-repeat;
    background: currentColor;
    width: 1em;
    height: 1em;
  }

  &[class*="custom-mobile"] {
    background: url(../assets/mobile.svg);
  }


}

视图：

<ion-item>
      <ion-icon name="custom-mobile"></ion-icon>
</ion-item>

我更改了课堂部分的背景颜色，但对视图没有影响。