component
Shape substracter
By Munzir Kareem
Details
- Munzir KareemAuthor
- componentType
- 2026-04-27Published
- 2026-04-27Updated
- 2026-04-07Added
- BackgroundsCategories
Summary
Subtract any SVG shape from a solid fill
Description
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
Introduction
Subtract any SVG shape from a solid fill
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #5686