Concept

The <svg> tag in HTML is used to draw vector graphics and static images. It allows you to create complex graphics objects and manipulate them as desired.

How to use

You can add images and graphics objects to the <svg> tag.

There are some popular tags used in <svg>, including <rect> (rectangle), <circle> (circle), <line> (line), and many others.

Example

<svg width="400" height="200">
  <rect x="50" y="50" width="200" height="100" fill="blue" />
  <circle cx="300" cy="100" r="50" fill="red" />
  <line x1="50" y1="150" x2="350" y2="150" stroke="green" />
</svg>

Result