SVG画像の色を変更します。

前提

以下の画像を使用します。

HTML

<div class='svg-color'>
  <img src="https://dennie.tokyo/it/demo_img/w1.svg" width="40" height="40" />
</div>

結果

色を変える

SVG の filter プロパティを使用して色を変える事が出来ます。
filter プロパティの変換は以下のサイトで行えます。

CSS

.svg-color img{
    filter: brightness(0) saturate(100%) invert(67%) sepia(37%) saturate(3646%) hue-rotate(0deg) brightness(104%) contrast(103%);
}

結果

特にありません。