SVG画像はimgタグでも扱うことができる

昨今はsvgタグを使うのが普通だが、やり方の一つとしてメモ

やり方

: 埋め込み画像要素 - HTML: HyperText Markup Language | MDN

上記にあるように .svg で用意したファイルを普通に指定する

<img src="top_icon.svg" width="100" height="100">

注意点

• 直にsvgを書く場合はsvgタグを使う
• 動的に読み込むときはちょっとテコ入れをしてあげないと表示されてないときがあるので、svgファイルの中身をちゃんと確認する。

参考リンク

• HTML5でのSVGファイル操作のおさらい - Qiita
• SVG を タグで埋め込むと表示されない : まだプログラマーですが何か？