Convert text to SVG paths quickly and easily

Back

Circuit Board

Circuit board pattern effect

Circuit
<svg viewBox="0 0 600 120">
    <defs>
        <pattern id="circuit" width="8" height="8" patternUnits="userSpaceOnUse">
            <rect width="8" height="8" fill="#071022"/>
            <path d="M0 4 H3 M5 4 H8" stroke="#34d399" stroke-width="1" stroke-linecap="round"/>
        </pattern>
    </defs>
    <rect width="100%" height="100%" fill="#ffffff"/>
    <text x="50%" y="55%" font-size="44" text-anchor="middle" fill="url(#circuit)">Circuit</text>
</svg>