Shape substracter
A component that cuts any SVG icon or shape out of a solid background using a boolean subtract effect. Upload any SVG, control size, corner radii, and optionally blur whatever is behind the cutout.
About this Component
Punch any SVG shape through a solid fill — perfect for avatars,
icons, logos, or decorative cutouts.
Features:
- Upload an SVG file or paste raw SVG code
- Control cutout size (auto-centered)
- Individual corner radius for all 4 corners
- Optional backdrop blur through the cutout
- Works with any SVG path or shape
How to use:
1. Drop the component onto your canvas
2. Upload your SVG or paste the SVG code in the properties
3. Adjust background color, size, and corners to fit your design
