4

I'm attempting to change the colour of an SVG image. Here is a screenshot of the image set I'm working with.

enter image description here

Take for example the partly cloudy image (2nd line, 2nd from left). How can I change the colour of the sun only so that it is different to the colour of the cloud?

My attempt so far has been to open the image in Inkscape, press Shift+Ctrl+F to open Fill and Stroke. Then select the object and change the hex color. The problem is, both the sun and the cloud change colour.

Ref: http://www.alessioatzeni.com/meteocons/

  • 2
    then they are probably one single shape. You'll have to manually split them--vector objects can only have a single fill. – Vincent May 20 '15 at 14:26
  • Can I find out if it's a single shape? – henrywright May 20 '15 at 14:36
  • Yes, yes you can! – Ryan May 20 '15 at 14:42
  • 3
    Note that you have a solitary cloud and a solitary sun in your icon set. You can easily rebuild the sun-and-cloud icon from this and still have separate components you can separately colour. – Wrzlprmft May 20 '15 at 15:08
  • 1
    You can try it, it's very simple. The Bucket Fill tool creates in a delimited space a closed path with the selected color. Usually you need to upscale a little the generated path and send it to bottom. This should do the trick. – Paolo Gibellini May 21 '15 at 14:55
0

Firstly, open that single icon (within the SVG folder in the zip you attached, it's called "8.svg"). After deleting that grid background, select it and press Ctrl+Shift+G a few times to get it out of any groups it might be in. The icon after breaking the paths ^ Now press Ctrl+Shift+K to break it into separate paths. Don't panic at the disfiguration of the icon! Simply deselect the part that is the sun and use Ctrl+K to recombine the rest of it. Now the icon will be on top of the newly separated part, but you can use End or Object > Lower to Bottom to put the separated part on top. The separated part with the new fill color ^ Then use the Fill and Stroke menu as you described to change the color of this one part individually.

And I did it to make this answer, so here's a link to my edited version so you don't have to do it :). (Make sure to download it in 30 days since it expires then.)

| improve this answer | |

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.