◈Free
SVG basic shape generator
Generate standalone rectangle, ellipse or triangle SVG source.
Generate standalone rectangle, ellipse or triangle SVG source. Set width, height and fill color to create standalone SVG markup with a matching viewBox. The selected primitive is sized to the supplied bounding rectangle.
How to use
- Enter your text, values, or image.
- Adjust the options and run the tool.
- Copy or download your result.
Worked example
Example input
Shape: rectangle Width: 100 Height: 50 Fill color: #ff0000
Example result
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 50"><rect width="100" height="50" fill="#ff0000"/></svg>
Limitations and details
The generator supports one filled primitive at a time; strokes, paths, typography and arbitrary uploaded SVG editing are not included.
Inputs and options
- Shape
- Rectangle / Ellipse / Triangle
- Width
- Number · Minimum: 1 · Maximum: 10000
- Height
- Number · Minimum: 1 · Maximum: 10000
- Fill color
- Text
Frequently asked questions
Is this tool free and private?
Yes. All 300 tools are free in this phase. Processing happens in your browser; your input and files are not sent to our servers.