SVG Rect
SVG é a abreviatura de Scalable Vector Graphics que pode ser traduzido do inglês como gráficos vetoriais escalonáveis. Trata-se de uma linguagem XML para descrever de forma vetorial desenhos e gráficos bidimensionais, quer de forma estática, quer dinâmica ou animada.
Segue exemplo de SVG
<svg width="300" height="150"><rect width="200" height="100" x="10" y="10" rx="20" ry="20"/></svg>
codigo HTML
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>
codigo CSS
x
svg {background-color: blueviolet;}
svg rect {fill:coral; stroke:crimson; stroke-width: 3}
svg rect {fill:coral; stroke:crimson; stroke-width: 3}