Knockout Text & SVG

Cut text and icons

Knockout Text & Shapes lets you carve text or any custom SVG icon out of a solid background, gradient, or color — instead of sitting on top, the shape becomes a window straight through it.

Features:

→ Add multiple text and/or SVG path layers, each positioned independently

→ Font size, letter spacing, and icon size scale automatically across breakpoints — no manual resizing per screen

→ Tune exactly how aggressively it scales with the Scale Intensity control

→ Adjustable corner radius, background color, and per-shape X/Y positioning with fine offset controls

→ Pure SVG — no images, no external assets, fully editable text at any time

Great for hero sections, editorial headers, agency intros, and portfolio covers where you want bold, oversized typography that still holds up cleanly on mobile.