Advanced SVG Mask & Clip-path Generator
Visually sculpt geometric clip-paths with an extensive library of completely unique shapes. Double-click anywhere to smartly insert points, refine curvatures, edit symmetrically, and export clean code or high-res PNGs.
Quick Presets
Advanced Customization
Symmetry:
Corner Curvature (Bezier): Polygonal
0%
Mask Uniform Scale:
100%
Rotation Angle:
0°
Offset X:
0px
Offset Y:
0px
Precision Controller
Ratio:
Photo:
Image Blur:
Image Dim:
Real-World UI Preview
Double-click on the canvas to insert a point along the shape outline (Smart point insertion). Drag anchors to reposition points.
Modern CSS Output
clip-path: polygon(...);
Responsive SVG Mask Defs
<svg>...</svg>
All coordinate transformations scale automatically within a relative responsive context. Cleanly scoped for Elementor & WordPress block setups.
Advanced SVG Mask Studio v2.5
