Download Mask Svg Cut File Pictures. The result is cut out from the solid background leaving only a hard shape in the form of our clipping region. Again the shape of the text clips the image and in this case applies a gradient mask so the text to the left is lighter than the text to the right.

This is a personal use svg file and it's perfectly compatible with cricut explore, silhouette cameo, brother scan n cut, sizzix eclips, sure cuts a lot, etc. I made this page to collect different types of masks and to test how browsers support them. Svg masks become more interesting as the content of the mask becomes more interesting.

To use this design for commercial use, make sure to get one of our memberships!

At the time of writing, using the <mask> element inside an inline svg graphic to mask a html element only works in firefox browsers. The mask is defined in the svg, and on the left, the image is within the svg in an tag. Sorry, we cannot display this file. Polygon(50% 0%, 80% 100 this is the default for svg masks.