![Clipping in CSS and SVG — The clip-path Property and <clipPath> Element – Sara Soueidan, inclusive design engineer Clipping in CSS and SVG — The clip-path Property and <clipPath> Element – Sara Soueidan, inclusive design engineer](https://d33wubrfki0l68.cloudfront.net/acc68b81e1573e2a9df1135f2847b6919a1231a2/14ee7/assets/images/the-svg-clippath.png)
Clipping in CSS and SVG — The clip-path Property and <clipPath> Element – Sara Soueidan, inclusive design engineer
![I have an svg icon of insta logo (pic1). When I'm trying to include it (pic2) on my page from external SVG sprite file the gradient of the icon doesn't show ( I have an svg icon of insta logo (pic1). When I'm trying to include it (pic2) on my page from external SVG sprite file the gradient of the icon doesn't show (](https://preview.redd.it/5olg5r2513y81.png?width=1026&format=png&auto=webp&s=5743140fb4699c6a4c46fde36af5116e0e14ecf0)
I have an svg icon of insta logo (pic1). When I'm trying to include it (pic2) on my page from external SVG sprite file the gradient of the icon doesn't show (
![CSS clip-path morphing together with SVG morphing to create a password reveal effect. Using #animejs for animations : r/web_design CSS clip-path morphing together with SVG morphing to create a password reveal effect. Using #animejs for animations : r/web_design](https://external-preview.redd.it/PJfbCxBkrDV6DGzQSseoVjAYP0vq23P4REkct9SM4A0.png?width=640&crop=smart&format=pjpg&auto=webp&s=fc63a795ae97698984c358f9cb4542e8156226d5)