SVGアイコンの塗りつぶしを制御

[qrac]

Feather – Simply beautiful open source icons

fill 属性がインラインで付与されているアイコンのSVGに fill: currentColor; が当たると意図通りのデザインを保てないため、fill 属性が無いものだけにスタイルを当てる。

Before

svg {
  fill: currentColor;
}

After

svg:not([fill]) {
  fill: currentColor;
}