公開日: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を黒
![【CSS filter】svgをJSなし・インライン読み込みなしで自由に色を変更する方法! | ブルーシュ](https://cdn-ak-scissors.b.st-hatena.com/image/square/10793f1460822eca827a3d07459b233f2ace4865/height=288;version=1;width=512/https%3A%2F%2Fbloosh.jp%2Fwp-content%2Fuploads%2F2021%2F10%2Fogp.png)