SVG Rect
SVG is the abbreviation for Scalable Vector Graphics which can be translated from English as scalable vector graphics. It is an XML language for describing two-dimensional drawings and graphics in vector form, whether statically, dynamically or animatedly.
Below is a example of SVG
<svg width="300" height="150"><rect width="200" height="100" x="10" y="10" rx="20" ry="20"/></svg>
HTML code:
x
<svg width="300" height="150">
<rect width="200" height="100" x="10" y="10" rx="20" ry="20"/>
</svg>
<rect width="200" height="100" x="10" y="10" rx="20" ry="20"/>
</svg>
CSS code:
x
svg {background-color: blueviolet;}
svg rect {fill:coral; stroke:crimson; stroke-width: 3}
svg rect {fill:coral; stroke:crimson; stroke-width: 3}