7

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/

Improve this question
9
  • 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, 2015 at 14:26
  • Can I find out if it's a single shape?
    – henrywright
    May 20, 2015 at 14:36
  • Yes, yes you can!
    – Ryan
    May 20, 2015 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, 2015 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, 2015 at 14:55

1 Answer 1

Reset to default
3

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 and acknowledge that you have read and understand our privacy policy and code of conduct.

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