Convert text to SVG paths quickly and easily

Back

Glass Text

Glass / frosted effect

Glass text
<svg viewBox="0 0 600 120">
    <defs>
        <filter id="glass">
            <feGaussianBlur stdDeviation="4" result="b"/>
            <feBlend in="b" in2="SourceGraphic" mode="screen"/>
        </filter>
    </defs>
    <rect width="100%" height="100%" fill="#ffffff"/>
    <text x="50%" y="64" text-anchor="middle" font-size="34" fill="#475569" filter="url(#glass)">Glass text</text>
</svg>