Pattern Fill

Pattern and dot texture fill effect
<svg viewBox="0 0 600 120">
    <defs>
        <pattern id="p-dots" width="12" height="12" patternUnits="userSpaceOnUse">
            <rect width="12" height="12" fill="#0b1220"/>
            <circle cx="6" cy="6" r="2" fill="#ffd166"/>
        </pattern>
    </defs>
    <rect width="100%" height="100%" fill="#ffffff" class="bg"/>
    <text x="50%" y="55%" text-anchor="middle" font-size="44" fill="url(#p-dots)">Pattern</text>
</svg>