A clipping path is an object where everything within the defined shape is visible, while the outside portion is “clipped out” and doesn’t appear on the canvas A clipping pathIn the sample image above, our shape (the Envato logo) is the object we’ll be using as our clip path object. The result is cut out from the solid background leaving only a hard shape in the form of our “clipping region”. Here
![A Comprehensive Guide to Clipping and Masking in SVG | Envato Tuts+](https://cdn-ak-scissors.b.st-hatena.com/image/square/aaf02f210637d7d5a45ebab13df1d47cd1ba64f0/height=288;version=1;width=512/https%3A%2F%2Fcms-assets.tutsplus.com%2Fuploads%2Fusers%2F30%2Fposts%2F30380%2Fpreview_image%2Fpre.png)