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

Your Answer

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

Browse other questions tagged or ask your own question.