<rect>

<rect> 요소는 SVG 기본 모형이고 코너의 위치와 폭과 높이에 따라 사각형을 만드는데 사용된다. 또한 모서리가 둥근 사각형을 만들 수 있다.

html,body,svg { height:100% }

<svg viewBox="0 0 220 100" xmlns="http://www.w3.org/2000/svg">
  <!-- Simple rect element -->
  <rect x="0" y="0" width="100" height="100" />

  <!-- Rounded corner rect element -->
  <rect x="120" y="0" width="100" height="100" rx="15" ry="15" />
</svg>

컨택스트 사용해보기

카테고리	기본 도형 요소, 그래픽 요소, 모형 요소
허용 된 콘텐츠	Any number of the following elements, in any order: Animation elements » Descriptive elements »
규범 문서	SVG 1.1 (2nd Edition)