css - アウトラインの太さが異なるアイコン - 調整は可能ですか?

Question

私は3つのIoniconsを並べて使用しています:

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

下の図が示すように、最初のアイコンは他のアイコンよりも明るく見えます。

それは私が調整できるものですか？

Answer 1

を追加することにより、-webkit-text-stroke: desired pixels

アイコンのストロークを変更できます。

これがあなたが探しているものであることを願っています

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