Ionic framework 自定义SVG图标3个选项卡，图标有背景色

我在爱奥尼亚3个标签上做了一个自定义SVG图标，evrthing在浏览器中运行良好， 但是，当我在设备或模拟器上测试时，背景上的颜色会出错

如何解决这个问题

离子图标{ &[类别*=“自定义-”]{ 遮罩尺寸：包含； 面罩位置：50%50%； 面罩重复：不重复； 背景：彩色； 宽度：1米； 高度：1米； } &[类别*=“定制驴”]{ 掩码图像：url（../assets/icon/aduck.svg）； } &[类别*=“自定义cat ol”]{ 掩码图像：url（../assets/icon/cat outline.svg）； } }

请帮我从这个代码中删除一些东西

背景：currentColor；

---

与其添加SVG图标的Url/路径，不如尝试添加SVG代码，或者您可以直接在HTML的底部菜单中添加SVG代码，并使用CSSClass

调整大小。如果您希望颜色是特定的，为什么不硬编码颜色？不，我不想要特定的颜色，问题是当我使用自定义图标时，它就像上面的图片一样，

&[class*="custom-donkey"] {
        mask-image: url(../assets/icon/donkey.svg);
    }
    &[class*="custom-cat-ol"] {
        mask-image: url(../assets/icon/cat-outline.svg);
    }