O SVG é uma linguagem de marcação XML usada para criar gráficos vetoriais bidimensionais. Aqui estão alguns exemplos de como você pode projetar um retângulo em SVG:

Exemplo 1: Retângulo Simples

xml
<svg width="100" height="100">
  <rect width="80" height="60" fill="blue" />
</svg>

Neste exemplo, criamos um SVG com uma largura de 100 unidades e altura de 100 unidades. O retângulo dentro do SVG tem uma largura de 80 unidades, altura de 60 unidades e é preenchido com a cor azul.

Exemplo 2: Retângulo com Borda

xml
<svg width="150" height="100">
  <rect width="120" height="80" fill="yellow" stroke="green" stroke-width="5" />
</svg>

Aqui, o retângulo tem uma borda verde com uma largura de 5 unidades. A cor de preenchimento é amarela.

Exemplo 3: Retângulo com Cantos Arredondados

xml
<svg width="150" height="100">
  <rect width="120" height="80" fill="orange" rx="10" ry="10" />
</svg>

Neste exemplo, definimos os atributos rx e ry para criar cantos arredondados. Ambos têm um valor de 10 unidades.

Exemplo 4: Retângulo com Coordenadas

xml
<svg width="200" height="150">
  <rect x="50" y="30" width="100" height="80" fill="pink" />
</svg>

Aqui, o retângulo é posicionado nas coordenadas (50, 30) em relação ao canto superior esquerdo do SVG.

Esses são apenas exemplos básicos, e o SVG oferece muitos outros atributos e propriedades que você pode ajustar para personalizar ainda mais seus gráficos vetoriais. Lembre-se de que você pode experimentar com diferentes valores para atender às suas necessidades específicas.