Convert text to SVG paths quickly and easily

Back

Paper Cut

Paper cut effect using mask

Cut
<svg viewBox="0 0 600 120">
    <defs>
        <mask id="m-paper">
            <rect width="100%" height="100%" fill="#000"/>
            <text x="50%" y="55%" fill="#fff" text-anchor="middle" font-size="44" dominant-baseline="middle">Cut</text>
        </mask>
    </defs>
    <rect width="100%" height="100%" fill="#fff" mask="url(#m-paper)" transform="translate(6,6)"/>
    <rect width="100%" height="100%" fill="#ffffff"/>
</svg>