【CSS filter】svgをJSなし・インライン読み込みなしで自由に色を変更する方法！ | ブルーシュ

公開日：2021/10/25 13:57更新日：2022/9/15 15:53 ホーム > Tips > フロントエンド 【CSS filter】svgをJSなし・インライン読み込みなしで自由に色を変更する方法！ css, 軽量化, 画像, svg ※追記：2022年8月31日 mask-imageでも簡単に色を変えられます。ぜひこちらの新しい記事もご覧ください。 →【CSS mask-image】SVGなどのアイコン画像の色を変更する方法！ svg画像をCSSで制御して色を変えたりするためには、インラインで読み込みしなければいけません。 こうなる。 そうするとHTMLファイルがすごいことになります。少なくとも人間にとっては読みにくくなってしまいます。 それを回避するために、いろいろ方法がありますが、現時点で私が一番楽だと思う方法をご紹介。 SVG以外の形式でも使えるよ！ 1. SVGを黒