Try it Yourself: SVG Stroke

SVG Stroke

<!DOCTYPE html>
<html>
<body>

<svg width="220" height="100" viewBox="0 0 220 100" xmlns="http://www.w3.org/2000/svg">
  <rect x="10" y="20" width="70" height="60" fill="none" stroke="steelblue" />
  <circle cx="140" cy="50" r="30" fill="none" stroke="crimson" />
</svg>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<svg width="220" height="100" viewBox="0 0 220 100" xmlns="http://www.w3.org/2000/svg">
  <rect x="10" y="20" width="70" height="60" fill="none" stroke="steelblue" />
  <circle cx="140" cy="50" r="30" fill="none" stroke="crimson" />
</svg>

</body>
</html>