Javatpoint Logo
Javatpoint Logo

SVG Clip Path

SVG clip path is used to clip an SVG shape according to a certain path. It is also known as SVG clipping.

The part of the shape which is inside the path is visible and the part which is outside is invisible.


Test it Now


  • Now you can see that part of the circle inside the clip path are visible rest is clipped.
  • The id attribute of <clipPath> element defines a unique name for the clip path.

Next TopicSVG Masks

Youtube For Videos Join Our Youtube Channel: Join Now


Help Others, Please Share

facebook twitter pinterest

Learn Latest Tutorials


Trending Technologies

B.Tech / MCA