Tutorials

https://vvcestudio.com.br/en/tutorial/html/svg01/
menu

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>
CSS code:
x
svg {background-color: blueviolet;}
svg rect {fill:coral; stroke:crimson; stroke-width: 3}