Convert text to SVG paths quickly and easily

Back

Glitch Effect

Glitch / displacement effect

Glitch
<svg viewBox="0 0 600 120">
    <defs>
        <filter id="glitch">
            <feTurbulence baseFrequency="0.8" numOctaves="1" result="t"/>
            <feDisplacementMap in="SourceGraphic" in2="t" scale="10" xChannelSelector="R" yChannelSelector="G"/>
        </filter>
    </defs>
    <rect width="100%" height="100%" fill="#ffffff"/>
    <g filter="url(#glitch)">
        <text x="50%" y="55%" font-size="44" text-anchor="middle" fill="#1e293b">Glitch</text>
    </g>
</svg>