如何更改类似于ios-outline的材料设计的离子图标?

时间:2018-03-06 04:57:58

标签: ionic2 ionic3 ionicons

我想只使用ion-icon但是对于不同的设备,这些是不同的,例如,如果我们寻找通知ion-icon,那么我们会发现离子,ios-outline和材料设计。 在材料设计中,所有图标都填充了黑色颜色,我想在材质设计中使用类似于ios-outline图标的颜色。

我该如何使用它们?

enter image description here

2 个答案:

答案 0 :(得分:1)

您可以使用名称来使用ios图标,在本例中为<ion-icon name=ios-notifications"></ion-icon>。请注意,这只会使用一个图标而不是由平台更改以匹配每个平台上的常用图标。

如果您只想使用iOS版本,那么此Ionic Framework Reference会告诉您如何操作。

答案 1 :(得分:1)

好问题。要使用图标的ios版本,您需要使用ios-前缀,例如<ion-icon name=ios-notifications"></ion-icon>。但是,某些图标在ios上不可用,因此您需要参考ionic reference site