svg タグエレメント

　svg タグエレメントは、SVG グラフィックのデータを直接配置することができる HTML タグエレメントです。

　SVG とは Scalable Vector Graphics の略で、XML で書かれたベクター画像データです。この XML データを <svg> エレメント内に直接編集することができます。
　SVG のデータ形式については調べてみてください。

　SVG は拡大、縮小しても画質が低下しないため、ロゴといった表示に最適です。

<svg viewBox="0,0,100,100" style="width:100px;height:100px;">
	<circle cx="50" cy="50" r="40" style="fill: green;stroke: darkgreen;stroke-miterlimit: 3" />
</svg>

　画像編集ソフトで SVG 形式の画像を作成して、そのデータを直接 <svg> エレメント内に貼り付けてもよいかもしれません。

　<img> エレメントや CSS の <background-image> プロパティによって SVG ファイルを直接画像として取り込むこともできます。

　SVG は、パス（ベクターグラフィック）、ボックス、円、テキスト、画像が扱え、JavaScript で操作ができます。