この記事は J2complexed Advent Calendar 2017 の15日目の記事です。 SVGを表示するのには、さまざまな書き方がありますね。 インライン imgタグでsvg画像ファイル読み込み cssでsvg画像ファイル読み込み objectタグ 1.の派生、useタグを使ったインラインの書き方が便利なので、まとめる。 (もういろんなところでまとまってる今更話だけど、後半の話とかわかりやすい記事がぱっと見つけられなかったので、自分まとめ用に) 同じ画像いろんなところで使いたい。 svg画像をimgタグなどで読み込むと、これまでの普通の画像と同じく、使い回すには便利。 が、アニメーションさせたり色変えたり、svgの良いところがあんまり活かされない。 でも、インラインでコピペしまくるのは、コードが大変なことになるのでやりたくない。 そんなときのuse。 useタグ基本の使い方