tutorial があった。
https://developer.mozilla.org/ja/docs/Web/SVG/Tutorial

SVG とは

SVG とは、ベクターグラフィックの描画に用いる言語。

ベクターグラフィックとは、コンピューターで扱う、図形や画像の形式のひとつ。図形同士の関係は数学的に計算されるため、画像のサイズを拡大しても滑らかで美しい。

<svg> タグで図形を描画することができる。
以下は長方形を描画している例。

<svg
  width="400"
  height="200"
  viewBox="0, 0, 400, 200"
  xmlns="http://www.w3.org/2000/svg"
>
  <rect
    x="10"
    y="10"
    width="380"
    height="180"
    rx="10"
    ry="10"
    fill="#e74c3c"
  />
</svg>

viewBox 属性の値は、min-x、min-y、width、height の 4 つの数値のリスト。
min-x と min-y はビューポートの左上の座標を表す。 width と height の数字は寸法を表す。

xmlns 属性の値は、名前空間の宣言を意味する。
https://developer.mozilla.org/ja/docs/Web/SVG/Namespaces_Crash_Course