Mobile app version of vmapp.org
Login or Join
Gloria351

: How to increase icon's stroke thickness using Inkscape I'm using Google's Material Design icons in my project. My aim is to increase the thickness of the menu icon's strokes (see under the navigation

@Gloria351

Posted in: #Inkscape #Stroke

I'm using Google's Material Design icons in my project. My aim is to increase the thickness of the menu icon's strokes (see under the navigation section). How can I do this using Inkscape?

So far, I've tried going to Fill and Stroke and then adjusting the width but that seems to have no effect.

Please note I'm a novice at graphic design.

Ref: google.github.io/material-design-icons/

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Gloria351

1 Comments

Sorted by latest first Latest Oldest Best

 

@Looi7658678

The reason we can't apply a different stroke width to many stock icons such as the ones in the question is that they are not made of strokes but filled objects instead. This can be visualized by switching to path mode in Inkscape:





In the icon objects neither stroke nor fill is defined, making them more versatile for web customization.

To make the stroke wider we therefore first need to define a stroke and a stroke color in Object > Fill and Stroke properties. After that we can increase stroke width in the Stroke style tab.

To widen a stroke in a single object of the icon we may break apart the path Shift+Ctrl+K to then select the resulting sub-object:



After adding a stroke color black, and increasing the stroke width we will obtain a thicker arrow in above example:



Note that this will not change the object's geometry but the stroke thickness is added in addition.

To change an object's color we may define a fill, and the desired fill color similarly:

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme