Are NanoTools completely free to use?

Yes, all basic tools on NanoTools are completely free to use with no registration required. We offer premium features for power users.

Is my data secure when using NanoTools?

Your files are processed securely and are automatically deleted after processing. We do not store your files or data on our servers.

Do I need to install any software to use NanoTools?

No installation required. All tools work directly in your browser on any device - computer, tablet, or smartphone.

What file formats are supported?

We support a wide range of formats including PDF, JPG, PNG, WebP, GIF, JSON, XML, CSV, and many more depending on the tool.

NanoTools

Back to Tools

SVG Shape Generator - Create SVG Shapes

Generate SVG shapes online for free. Create circles, rectangles, polygons. Export SVG code.

SVG Shape Generator

Generate basic SVG shapes with customizable properties

Shape Type

Configuration

Size: 100px

Stroke Width: 2px

Fill Color

Stroke Color

Preview

SVG Code

<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg">
  <circle cx="50" cy="50" r="48" fill="#3b82f6" stroke="#1e40af" stroke-width="2" />
</svg>

How to Use

• Select a shape type from the options above

• Adjust size, colors, and stroke width using the sliders

• For polygons, you can also adjust the number of sides

• Copy the generated SVG code or download as a file

• Use the SVG code directly in HTML or save it as a .svg file

What This Tool Does

Generate basic SVG shapes (circle, rect, polygon, etc.)
Customize size, fill, and stroke colors
Adjust stroke width and properties
Create multi-sided polygons
Export as SVG code or download file

How to Use

1
Choose shape
Select circle, rectangle, triangle, star, polygon, or ellipse
2
Customize
Adjust size, colors, and stroke width
3
Preview
See live preview of your shape
4
Export
Copy SVG code or download as file

How it works

Choose shape

Select circle, rectangle, triangle, star, polygon, or ellipse

Customize

Adjust size, colors, and stroke width

Preview

See live preview of your shape

Export

Copy SVG code or download as file

Use Cases

Creating simple icons
Generating placeholder graphics
Learning SVG syntax
Prototyping UI elements
Building SVG assets quickly

Frequently Asked Questions

What formats can I export?

You can copy the SVG code or download as a .svg file ready to use.

Can I customize polygon sides?

Yes, for polygon shapes you can adjust the number of sides from 3 to 12.

How do I use the SVG in HTML?

Copy the SVG code and paste directly into your HTML, or save as .svg and use <img src="shape.svg" />.

Are the SVGs scalable?

Yes, SVG (Scalable Vector Graphics) scale perfectly at any size without quality loss.

Back to Tools

SVG Shape Generator - Create SVG Shapes

Generate SVG shapes online for free. Create circles, rectangles, polygons. Export SVG code.

SVG Shape Generator

Generate basic SVG shapes with customizable properties

Shape Type

Configuration

Size: 100px

Stroke Width: 2px

Fill Color

Stroke Color

Preview

SVG Code

<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg">
  <circle cx="50" cy="50" r="48" fill="#3b82f6" stroke="#1e40af" stroke-width="2" />
</svg>

How to Use

• Select a shape type from the options above

• Adjust size, colors, and stroke width using the sliders

• For polygons, you can also adjust the number of sides

• Copy the generated SVG code or download as a file

• Use the SVG code directly in HTML or save it as a .svg file

What This Tool Does

Generate basic SVG shapes (circle, rect, polygon, etc.)
Customize size, fill, and stroke colors
Adjust stroke width and properties
Create multi-sided polygons
Export as SVG code or download file

How to Use

1
Choose shape
Select circle, rectangle, triangle, star, polygon, or ellipse
2
Customize
Adjust size, colors, and stroke width
3
Preview
See live preview of your shape
4
Export
Copy SVG code or download as file

How it works

Choose shape

Select circle, rectangle, triangle, star, polygon, or ellipse

Customize

Adjust size, colors, and stroke width

Preview

See live preview of your shape

Export

Copy SVG code or download as file

Use Cases

Creating simple icons
Generating placeholder graphics
Learning SVG syntax
Prototyping UI elements
Building SVG assets quickly

Frequently Asked Questions

What formats can I export?

You can copy the SVG code or download as a .svg file ready to use.

Can I customize polygon sides?

Yes, for polygon shapes you can adjust the number of sides from 3 to 12.

How do I use the SVG in HTML?

Copy the SVG code and paste directly into your HTML, or save as .svg and use <img src="shape.svg" />.

Are the SVGs scalable?

Yes, SVG (Scalable Vector Graphics) scale perfectly at any size without quality loss.