Как нарисовать незаполненный квадрат. Т.е. только строки?

Question

Как нарисовать незаполненный квадрат. Т.е. только строки.

Мой код в настоящее время выглядит следующим образом

   <svg width="500" height="500">

     <path d="M10 10 L100 10 L100 100 L10 100 Z" stroke="black"></path>
  </svg>

Это dr aws a solid черный квадрат. Вместо solid черного я просто хочу видеть линии.

Как мне это сделать с помощью пути?

Использование пути является обязательным

Answer 1

попробуйте так

<svg width="500" height="500">

    <path d="M10 10 L100 10 L100 100 L10 100 Z" stroke="black" fill="none"></path>
 </svg>