§ Базовый шаблон

Рисование через path
  • stroke: цвет обводки
  • stroke-width: ширина
  • fill: цвет заливки (transparent и др)
<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg">

  <!-- Обведенный квадрат -->
  <path stroke="black" stroke-width="3" fill="transparent" d="M 0 0 H100 V100 H0 Z" />

  <!-- Зеленый квадрат -->
  <path fill="green" d="M10 10 H90 V90 H10 Z" />

  <!-- Красная окружность -->
  <circle cx="50" cy="50" r="2" fill="red"/>

</svg>