Вы не можете создать прямоугольник внутри другого прямоугольника. Но вы можете сделать 2 прямоугольника, чтобы выглядеть так.
Вы используете & lt; rect & gt; тег для прямоугольников. Изучив описание прямоугольника в спецификациях , вы можете видеть, что модель содержимого не разрешает & lt; rect & gt; чтобы содержать другой & lt; rect & gt; (или форма).
Пример того, что вы можете сделать:
Вы также можете добавить & lt; g & gt; вокруг этих двух прямоугольников, чтобы сгруппировать их, например:
Дополнительные пояснения здесь: http://www.w3.org/TR/SVG/struct.html#Groups
У вас также есть альтернатива использованию пути для рисования 2 прямоугольников только с одним тегом. Все зависит от ваших потребностей.