SVGangle.com is a free tool that lets you create your own SVG shapes / polygons, perfect for developers. It’s easy to use and helps you visualize angles and lengths, making it ideal for creating precise shapes.
Click on a circle to select a point. The circle will turn green to show that it is selected.
Select a point you want a new point connected to. Then click the Add point button to add a point to the selected point. If no point is selected, the point will be created between the first and last points by default.
Select the point you want to remove. Then click the Remove point button to delete the selected point. If no point is selected, the point between the first and last point will be removed by default.
Drag the circle in any direction within the SVG box. If you want more precise control, enable the 'Snapping' feature by checking the Snapping checkbox. This will let you move points in 10px increments for easier alignment.
Note: If you're on a touchscreen device, dragging points might be a bit buggy.
You can drag and drop an SVG file into the SVG box and it will render, ensure the width and height of the SVG file are within a reasonable size for the SVG box, as overly large SVG may not display properly. Also, SVGangle.com does not yet work with curves or any other SVG element that is not just a straight line, this is still being worked on.
You can share the SVG by copying the link; your creation is stored in the URL, you can download the SVG as an SVG file as well by clicking on the Save SVG button, this will download a file containing your SVG, you can also copy the path using the Copy path button, this will just copy the path to your clipboard.
SVGangle.com is still under development.