Convert text to SVG paths quickly and easily

Back

Geometric Pattern

Geometric pattern fill effect

Geometric
<svg viewBox="0 0 600 120">
    <defs>
        <pattern id="geo" width="16" height="16" patternUnits="userSpaceOnUse">
            <rect width="16" height="16" fill="#071022"/>
            <path d="M0 8 L8 0 L16 8 L8 16 Z" fill="#60a5fa"/>
        </pattern>
    </defs>
    <rect width="100%" height="100%" fill="#ffffff"/>
    <text x="50%" y="55%" font-size="44" text-anchor="middle" fill="url(#geo)">Geometric</text>
</svg>