🤟

ion-icon で線を太くする(もしくは細くする)

2022/07/28に公開

ion-iconの線の太さを変えたい!と思った時の変え方のメモ

html
<ion-icon name="refresh-outline"></ion-icon>
css
ion-icon {
  --ionicon-stroke-width: 48px;
}

cssで --ionicon-stroke-widthを変えるだけ。
デフォルトは32pxなので、太くしたい場合はそれより大きくする。細くしたい場合はその逆。

参考

https://ionic.io/ionicons/usage の下の方

Discussion