SVG画像をbackgroundで使いたいことって多いですよね。 background-image: などです。 普通にbackground-image: url(img.svg);みたいな感じで直接SVGファイルを指定して背景にSVGを使うことはできますが、この方法だと色をCSSで変えることができないです。 この方法で色を変えるには直接SVGを編集するしかありません。 そこで今回は、SVG画像を背景で使い、かつ色をCSSで変える方法について解説していきたいと思います。よく使う方法ですがこの際記事にしたいと思います。