こんにちは! 現在作成している自主制作サイトで イラレで自作したロゴのSVGファイルを外部ファイル形式で読み込み、 色やサイズを変える手順についてまとめたいと思います。 実現にあたりGoogle検索で色々な方の記事を参考にさせて頂きました。 参考記事を書いて下さった皆様、勝手にですがお礼を申し上げます。 ありがとうございました<(_ _)> また、この方法では実装後の表示確認をローカル環境でしようとすると (ローカル環境での確認:サーバーを通さず、自分のPCでブラウザで確認する事とさせてください) ブラウザのセキュリティポリシーに引っかかり SVGの画像が表示されずに困惑する方がいらっしゃるかも??と思ったので、 簡単にですがGoogleChromeでのローカルでの確認手順も書いておこうと思います。 自作サイトでのSVG使用箇所 自作サイトBakeryColne(ベーカリーコルネ)ではお店
![HTML/CSS イラレで作ったSVGを外部ファイルで読み込み。色変更・レスポンシブ対応可能にするまでの手順](https://cdn-ak-scissors.b.st-hatena.com/image/square/054755ed6a09a17c77bc6ad9ca7deee092a0fd07/height=288;version=1;width=512/https%3A%2F%2Fna2-factory.com%2Fwordpress%2Fwp-content%2Fuploads%2F2022%2F03%2Fsvg-eye-catch.jpg)