<svg width="500" height="500" viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg">
    <defs>
        <clipPath id="rounded">
            <rect width="500" height="500" rx="100" ry="100"/>
        </clipPath>
    </defs>
    <g clip-path="url(#rounded)">
        <rect width="500" height="500" fill="transparent"/>
        <rect x="0" y="0" width="250" height="500" fill="#6d28d9"/>
        <rect x="250" y="0" width="250" height="500" fill="#e223d7"/>
        <text x="250" y="400"
        fill="#fff" font-size="400" font-family="Arial" font-weight="900" text-anchor="middle">H</text>
        <circle cx="250" cy="250" r="2" fill="transparent"/>
    </g>
</svg>
