Convert text to SVG paths quickly and easily

Back

Neon Glow

Neon glow effect with blur and gradient

Neon
<svg viewBox="0 0 600 120">
    <defs>
        <linearGradient id="neonG" x1="0" x2="1">
            <stop offset="0" stop-color="#00f7ff"/>
            <stop offset="1" stop-color="#7a00ff"/>
        </linearGradient>
        <filter id="neon">
            <feGaussianBlur stdDeviation="6" result="b"/>
            <feMerge>
                <feMergeNode in="b"/>
                <feMergeNode in="SourceGraphic"/>
            </feMerge>
        </filter>
    </defs>
    <rect width="100%" height="100%" fill="#ffffff"/>
    <text x="50%" y="55%" text-anchor="middle" font-size="44" fill="url(#neonG)" filter="url(#neon)">Neon</text>
</svg>