フリーランスWebデザイナー・ななふの
デザイン、コーディングの勉強記録やTIPSなど

SVG

HTML/CSS

HTML/CSS イラレで作ったSVGを外部ファイルで読み込み。色変更・レスポンシブ対応可能にするまでの手順

イラストレーターで自作したロゴをSVGに書き出すところから、HTMLに読み込む際のファイルの最適化、HTMLで呼び出す手順、ブラウザでの確認方法までを丸ごと一つにした記事です。IEには未対応です。
2023.06.22