Inkscape - rounding corners of shapes?

Question

In Inkscape, rounding the corners of a rectangle is easy - you select the object, press F4 (rectangle tool), and drag the circular nodes.

How do you do that for more complex shapes?

"Dynamic offset" is nearly the right thing, but it doesn't round the insides of a concave polygon.

Answer 1

Inkscape 1.3+

1. Select the object with Node Tool
2. Click Add Corners button in the toolbar. (Icon of rounded corners + 2 dots)
3. Click and drag round nodes on your object
4. You can select multiple nodes and round them all at once

OLD Inkscape 1.0 +

we have LPE Corners (changer/fillet) this is how you apply the effect:

1. Select object
2. Go to Path/ Path effects
3. Add Corners (Fillet/Chamfer) by clicking on +
4. Adjust the size of corners with the node tool by dragging green nodes or in the dialog

Answer 2

1. Select the rectangle or square
2. Select the nodes option
3. On the right hand corner, you will see a round node instead of a square node. Drag down the node until you get the rounded corner you want.

The nodes option:

Round widget you need to drag to get rounded corners:

What happens when you drag the round widget:

As others have noted this only works on rectangles (but that is a common use case that will land people on this page).

Answer 3

This can be achieved using the Fillet/Chamfer path effect (currently only available in the developer version 0.91+devel, which can be found here). EDIT Fillet/Chamfer was removed and reintroduced in 1.0 alpha. As of 2/10/2021, the latest release of Inkscape should include Fillet/Chamfer.

Here's how you use it:

1. Select the path that you want to modify and then open the path effects tab under Path > Path Effects....

2. Add a new effect in the path effects window and select Fillet/Chamfer.

3. Choose a radius that you want to apply to the corners of the path, and press the Fillet button.

4. If you only want to round some of the corners, tick the Change only selected nodes box and select the nodes that you want to change in path edit mode before clicking the Fillet button.

Answer 4

This seems to be a weak point with Inkscape, to not have a simple way to do this. The best way to deal with this I've found so far is:

1. Make several rounded-corner rectangles, using the desired final corner radius
2. Butt them up against each other to make the overall final shape, not minding the spots where corners don't meet due to roundness,
3. Path-union them into one path
4. Fix the extraneous notches by deleting their nodes.

Luckily someone has described this technique online, with illlustrations (scroll down a bit) http://www.inkscapeforum.com/viewtopic.php?f=5&t=880

I hope there's a path-editing tool that can just convert a path the way you (and fifty thousand other Inkscape users) want, somewhere out there. If not, this would make a great weekend coding project.

Answer 5

Another makeshift solution with issues, but which also works for non-rectangular shapes:

1. Apply Dynamic Offset to your object.
2. Convert Object to Path.
3. Add Nodes (under Extensions → Modify Path). This is optional but will most probably improve your results drastically. The more the merrier.
4. Apply a dynamical inset (i.e., negative Dynamical Offset) to your object.
5. If desired, convert Object to Path once more and Simplify.

Answer 6

Here's another method that I've just discovered when I wanted to add rounded corners to an existing irregular polygon for the purposes of creating a laser cut perspex design that is more resilient to cracking.

1. Choose the Edit Paths By Node (F2) tool and select the corner node that you want to make rounded.

2. Hold down Ctrl-Alt and click slightly along the horizontal line away from the corner to add a new node.

3. Do the same again to create a new node slightly along the vertical line to add another new node.
4. At this stage I return to the two new nodes and ensure that they both have a constant offset from the corner. e.g. 2mm away.
5. Select the corner node and press Del to delete it. Your corner should now look like this:

6. Drag the two bezier points at the bottom left so that they form a satisfactory curve. I hold down Ctrl and align them on top of each other to look like this:

Answer 7

If your version of Inkscape doesn't have the Fillet/Chamfer path effect, you may find the extension I wrote helpful:

Inkscape Rounded Corners

Answer 8

Inspired by bonaccia answer (thank You for it) I discovered that to get control over rounded corners You can use some additional rectangle or square and a snipping feature. Check out the following GIF I made.

Answer 9

I have used another method. Once i got used to it, and learned how to use the snapping options, I find that I could work pretty fast. This works best with paths composed by orthogonal lines that are parallel to the axis.

1. Subtract a circle having the radius you want from a square to create a 'cutter' shape. Put the centre of the circle on one of the square corners and size the square as the circle diametre. This ensures that the centre of your cutter will be aligned with the arc edges:
   
2. Duplicate your cutter to be able to reuse it and align it put it on the corner that you want to round. Activate snapping of centres of objects and cusp nodes to align the cutter exactly where you want.
3. If necessary, rotate the cutter along its centre to align the arc with the edges of the underlying path
4. Select the original path and the cutter and do a boolean difference, if your corner is convex, a boolean union if it is concave. Your corner is now rounded!
5. Duplicate the cutter and repeat for all the corners you wish.
6. If your initial shape was open, the boolean operation will have closed it. You may have to reopen it att he end of the process.

Answer 10

Another solution to this problem is to use the path division tool. The advantage here is that the radii can be explicitly set as a number

1. Create the rectangle
2. Create a circle with the desired radius
3. Align the circle into the corner of the rectangle
4. Select the rectangle and the circle, and use Path-> Division
5. Delete the unwanted corner piece
6. Do a Path-> Union between the new circle and the original rectangle

Answer 11

I was able to solve this using the Edit paths by nodes tool. I'll show how I handled a single end, but the operation should work for any shape with a flat edge. Starting out with a shape like this:

Select the Edit paths by nodes tool and select your shape. If the end of your shape is flat it should have two nodes, one for each corner. Select those nodes and click the Insert new nodes into selected segments button: This will add a third node in between the two nodes on the end, and will look something like this:

Now that we have a node in the middle we can make our rounded corners. Just select the node and pull it away so it creates a point, like this:

Be sure to use Ctrl+drag to drag in a straight line. Now that we have a point we need to allow the node to be smoothed out, and this is where the Make selected nodes symmetric button comes in: . This adds some handles to the node to allow us to change the shape of the node. It will look like this:

Now just adjust the handles (holding Ctrl to keep everything straight) to get the desired roundedness:

Answer 12

I've had success with just using Bezier curves. E.g. I would draw the OP's L shape like

|
|
|
 \
  \
   \_________

(very rough ASCII art!) i.e. with a diagonal line where the rounded corner should be, and then adjust the Bezier control points for the two line join points.

Answer 13

There is a new Round-Corners extension, that should be flexible enough to fulfill all the cases discussed here.

• chamfer,
• fillet with exact circular arc,
• individual selection which points to process,
• still works when path segments are curved.

https://github.com/jnweiger/inkscape-round-corners

(shamelessly re-inventing a wheel and advertising it)

Answer 14

For a purely cosmetic effect (that is, you don't end up with a rounded path) you could try applying the Filters > Blurs > Cross-smooth effect. Then open the Filter Editor and set the Standard Deviation Effect Parameter to about 1.0.

Answer 15

Another method is to create a stroke and set the Join and Cap to be rounded. Copy the path and paste in place and remove the stroke from the copy. Then select the original and select path > stroke to path then union the 2 shapes back together.

Answer 16

Enable all snapping: https://i.sstatic.net/budlk.jpg

Perform action from animation using .gif link: https://i.sstatic.net/6n62q.gif

If anyone can will edit the message to display pictures

Answer 17

---

Its critical that anyone researching this answer reads this

---

Its a shame a bunch of people added a bunch of duplicates and off topic answers. It makes it hard to share new answers that inculdes information that was not available when the question was originally asked.

Anyhow... This answer is about a path-effect that has been a god's send for me.

Rounded Corners Tool (or path-effect)

The Rounded Corners Tool is a type of tool called a Path Effect, and since inkscape documentation is terrible ill explain how to access the path effect:

Opening The Path Effect

To open the Path Effects Dialog navigate through the Inkscape Menus as shown in the snippet below:

---

1. Select a single path
2. View the menu-bar at the top off your screen
3. Select the drop-down menu Paths
4. Read the option until you see the selectable option Add Path Effect
5. Click on it to open the path effects dialog.
6. The dialog will open like any other dialog.

---

The dialog is the panel that opens to the side of the window, or opens floating (its opening location is contingent on the configuration that you use, if your instance of inkscape is defaulted it will open pinned to the SVG graphic-design software's window). The Path Effects Menu is a completely different entity all together, and it is made accessible through the Path effects dialog. The Path Effects Menu contains the actual Path Effects for you to choose from.

---

7. Now to open the path effects menu, you want to press the Plus button inside of the dialog, it looks like this -> +, but bigger.

Below shows the Path Effects Dialog before a path effect has been added. It should be noted that the blue vector graphic in the image is a "Bezier-path" that I currently have selected. That path is the path that I am adding the effect to in the image.

8. Clicking the + button in the Path Effects Dialog will open the Path Effects Menu.

9. Once the menu opens (it will open in its own window), you will select the Rounded Corners Effect. Below is an image that demonstrates what the Path Effects Menu looks like. Take a look at the highlighted path, as that is the one you will be selecting — as stated before it's called the "Rounded Corners Path Effect"._

---

You should, at this point, have the Rounded Corner Path Effect has been added to your path.

Select the path that you added the effect to using the path selection tool, which has an icon that looks like this:

NOTE: The icon may be different, it all depends on the icon-theme your instance of inkscape is configured to use, but the icon will be similar either way

You can confirm that it was added because a bunch of options will be made available in the Path Effects Dialog. You should also see green nodes on your path where ever there is a corner. will have green nodes if you select the edit path tool which looks like this

---

Using the Rounded Corners Path Effect

---

Below is a 3-image set, each image is useful.

FIRST IMAGE Image

First image shows an odd object, notice that the nodes are green? The green nodes are Inkscape's indicator that the path-effect is active.

Troubleshooting the Rounded Corners Path-effect

• If you have no nodes then you are not using the path-selection tool.
• if you have nodes, but they are not green, then you have failed to activate the path effect.
• If you have only a single green nodes, or the nodes aren't where you expect them to be, its probably the wrong path effect.

Dragging the Green Nodes

To use the path-effect, select any number of green nodes, then drag them. In the image below, I choose an odd shape, the type of shape that is difficult to round symmetrically. It sorta looks like an axe with a point. To round the point I have selected the node, and dragged it back. Before I let the node go, I took a screenshot, this is that screenshot.

The final result.

You will get results as shown below if you follow the instructions correctly

Answer 18

You can use the XML Editor in Inkscape to make rectangles rounded corner. Open the XML Editor, select the <svg:rect element. Add the rx and ry attributes, in the lower right of the XML Editor there are two fields and a Set button. Put rx in the top field, and 10 or any other number, then press Set.

Answer 19

Since there is no clean solution, let's mention another one, using GIMP!

1- Make a copy of only this object in another Inkscape instance (in case you have other objects)

2- Export to bitmap (a png file)

3- Open the png with GIMP, select the shape by "Select by Color Tool"

3- Select -> Feather -> by R pixels (the radius)

4- Color the selection and save/export to png again

5- Open the modified png file with Inkscape and use "Trace Bitmap" tool to get a rounded path (since the shape should be single-colored, it's easy and probably clean)

Answer 20

It's very simple actually.

1. Make a shape that has rectangular corners.

2. Click on the rectangle tool

3. Click on one of the circular handles at a corner of the shape, not one of the square handles.

4. Press Shift and drag the circular handle, it will automatically make rounded corners.

^{Drag a circular handle to make rounded corners.}