首页 > 解决方案 > 具有不同轮廓重量的图标 - 是否可以调整?

问题描述

我并排使用 3 个 Ionicons:

<ion-icon name="videocam-outline"></ion-icon>
<ion-icon name="attach"></ion-icon>
<ion-icon name="information-circle-outline"></ion-icon>

如下图所示,第一个图标看起来比其他图标更亮。

在此处输入图像描述

这是我可以调整的吗?

标签: cssionic-frameworkionicons

解决方案


通过添加-webkit-text-stroke: desired pixels

您可以更改图标的笔划。

希望这是您正在寻找的

<ion-icon style="-webkit-text-stroke: 1px;" name="add"></ion-icon>

推荐阅读