SVG Tutorials

SVG Rectangle in HTML

SVG Rectangle



The SVG < rectangle> Tag is used inside the SVG element to create a circle.


Essential attributes in < rectangle > tags are:-


  • The width attribute tells us the width of the rectangle.
  • The height attribute tells us the height of the rectangle.
  • The rx  and ry property is used for making the border rounded.
  • The style attribute is used to define CSS properties for the rectangle.
  • The CSS fill property defines the fill color of the rectangle.
  • The CSS stroke property defines the color of the border of the rectangle.
  • The CSS stroke-width property defines the width of the border of the rectangle.

Code Explanation

All Tutorials related to SVG Tutorials

All Sections related to SVG