1

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: https://google.github.io/material-design-icons/

  • Can you please add the image here by editing your question? Suppose the given link is broken ... BTW: Welcome to GD.SE! – Mensch Nov 26 '14 at 15:14
  • Hi @Kurt, thanks for the welcome :) The image is .svg format and when I try to edit my question and upload it, it tells me it's an unsupported format. – henrywright Nov 26 '14 at 15:38
  • You can change the format to jpg or png and add it. Theese are supported ... – Mensch Nov 26 '14 at 17:18
1

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:

enter image description here

enter image description here

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:

enter image description here

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

enter image description here

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:

enter image description here

  • I'm a newbie on it, but how about inset and outset: Ctrl + ), Ctrl + ( and Ctrl + J? – Rafael Xavier Aug 15 '16 at 20:08

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.