离子标签图标未显示答案

【问题标题】：Ionic tabs icon not showing离子标签图标未显示
【发布时间】：2020-03-24 02:54:54
【问题描述】：

我无法显示我的提要标签图标：

myapp/src/app/tabs/tabs.page.html

<ion-tab-button tab="tab1">
  <ion-icon name="triangle"></ion-icon>
  <ion-label>Tab 1</ion-label>
</ion-tab-button>

<ion-tab-button tab="tab2">
  <ion-icon name="ellipse"></ion-icon>
  <ion-label>Tab 2</ion-label>
</ion-tab-button>

<ion-tab-button tab="tab3">
  <ion-icon name="square"></ion-icon>
  <ion-label>Tab 3</ion-label>
</ion-tab-button>

<ion-tab-button tab="feed">
   <ion-icon ios="ios-alert" md="md-alert"></ion-icon>
  <ion-label>Feed</ion-label>
</ion-tab-button>

但如果我尝试像其他选项卡一样使用正方形、椭圆或三角形：

myapp/src/app/tabs/tabs.page.html

<ion-tab-button tab="tab1">
  <ion-icon name="triangle"></ion-icon>
  <ion-label>Tab 1</ion-label>
</ion-tab-button>

<ion-tab-button tab="tab2">
  <ion-icon name="ellipse"></ion-icon>
  <ion-label>Tab 2</ion-label>
</ion-tab-button>

<ion-tab-button tab="tab3">
  <ion-icon name="square"></ion-icon>
  <ion-label>Tab 3</ion-label>
</ion-tab-button>

<ion-tab-button tab="feed">
  <ion-icon name="triangle"></ion-icon>
  <ion-label>Feed</ion-label>
</ion-tab-button>

我的github project

【问题讨论】：

所有其他都是来自ionicons.com的有效图标，但“ios-alert”不是来自那里，它甚至是一个ios-icon吗？
这就是解决方案。我的问题发生是因为我正在阅读文档版本 3。
请写下您的评论并附上答案

标签： angular typescript ionic-framework

【解决方案1】：

在 ionic 5 md 和 ios 中无法正常工作。使用此图标

 <ion-icon name="alert-circle-outline"></ion-icon>

为了将来的参考，这里是官方 ionic 5 文档

https://ionicframework.com/blog/announcing-ionic-5/

【讨论】：