enter image description here

I have the image shown above where the black colored stroke is the outline of the cloud. I also have a slightly offsetted blue color fill. What should I do to put the blue color fill inside the outline (along with the whitespace)? I tried using the clip option, but it wasn't helpful.

enter image description here

The above picture shows how I would want it. As you can see, the whitespace is still there, but the fill lies inside the stroke.

  • Are paths both the outline and the fill? You can align them. Or you can simply delete the cyan path and fill with the same color the outline path. Dec 18, 2014 at 8:49
  • Hey, one of them is just the stroke (the black one), the other is only fill. I want the blue fill to appear only inside the black outline, not outside it.
    – sarath
    Dec 18, 2014 at 8:51
  • Ok: you can select both the paths and align them, it's a very simple operation: have you tried it? If you are in difficult, please post somewhere the SVG file and link it to your question, so that it is possible to provide an adequate answer. Dec 18, 2014 at 10:34
  • I updated the question to remove ambiguity. Please check.
    – sarath
    Dec 18, 2014 at 10:42
  • I see, is more clear now. At the moment I have no time to give a decent answer, I will reply later. If you are searching to give a light effect to the cloud, you can duplicate the path with the stroke (Ctrl+D), select the duplicate and the blue path and perform a difference (Ctrl+-), eventually bring the blue path to the bottom (PageDown). Dec 18, 2014 at 11:07

2 Answers 2


Assuming that you are starting from two paths, one filled in cyan without stroke paint and the other with a black stroke and without fill; and assuming that the filled path is at the bottom, we have a similar situation:

base cloud

You have to perform a few simple steps:

  1. Select and duplicate the path with the black stroke while pressing Ctrl-D

duplicate path

  1. Maintaining selected the duplicate, hold Shift key, select the path with the cyan fill and obtain an intersection pressing Ctrl+*

final image

You can tweak a little the cloud:

final cloud

You can obtain a similar effect (although not flat) starting from a path with border and fill and using Filters->Bevels->Combined lighting or other analogous filter:

with a filter


It sounds as if you want to do the following:

  • Duplicate your black path.
  • Select your black path and your cloud.
  • Path → Intersection.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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