angular8 - Android 6 及更低版本未显示离子选项卡图标

Question

我有一个创建的带有图标的离子标签。Android 7 及更高版本的图标可以正确显示，但在 Android 6 以下，很少有图标没有显示。下面是相同的屏幕截图。我正在使用离子 5 和电容器版本 2.1.2

我尝试重新排序和列出。这两个图标都没有在 android 6 以下显示。在 android 7 以上它可以工作。

我错过了什么吗？

安卓 6 截图：

安卓7及以上

标签代码：

    <ion-tabs>
      <ion-tab-bar slot="bottom">
        <ion-tab-button tab="tab1">
         <!-- <ion-icon name="pricetag-outline"></ion-icon>-->
         <ion-icon name="pricetag"></ion-icon>
        </ion-tab-button>
    
 /*Using the SVG locally, still doesn't display for android 6 and below. Works fine for Android 7 and above.*/ 
        <ion-tab-button tab="tab2">
         <!-- <ion-icon name="reorder-four-outline"></ion-icon>-->
         <ion-icon class="staticIcon" src="/assets/icon/list.svg" ></ion-icon>
        </ion-tab-button>
    
        <ion-tab-button tab="tab3">
         <!-- <ion-icon name="location-outline"></ion-icon>-->
         <ion-icon name="location"></ion-icon>
        </ion-tab-button>
    
        <ion-tab-button tab="tab4">
         <!-- <ion-icon name="person-outline"></ion-icon>-->
         <ion-icon name="person"></ion-icon>
        </ion-tab-button>
      </ion-tab-bar>
    </ion-tabs>

标签： angular8capacitorionic5

Answer 1

尝试这个：

<object type="image/svg+xml" data="/assets/icon/list.svg">
  Your browser does not support SVG
</object>