SVG Rectangle Draw a black rectangle with yellow fill and rounded corners


Example

  • The width and height attributes designate the dimensions of the rectangle. These values are in pixels by default
  • The fill value sets the color for the rectangle. If no value for fill is specified, black is used by default
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <rect x="10" y="10" width="50" height="100" rx="10" ry="10" stroke="black" stroke-width="5" fill="yellow" />
</svg>

Result:

enter image description here