Menu

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 512 512"
>
    <circle cx="256" cy="256" r="64" fill="#303c42" />
    <circle cx="256" cy="256" r="42.667" fill="#1e88e5" />
    <circle cx="448" cy="256" r="64" fill="#303c42" />
    <circle cx="448" cy="256" r="42.667" fill="#1e88e5" />
    <circle cx="64" cy="256" r="64" fill="#303c42" />
    <circle cx="64" cy="256" r="42.667" fill="#1e88e5" />
    <linearGradient
        id="a"
        x1="-44.814"
        x2="-24.592"
        y1="639.2"
        y2="629.769"
        gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fff" stop-opacity=".2" />
        <stop offset="1" stop-color="#fff" stop-opacity="0" />
    </linearGradient>
    <path
        d="M256 192c-35.292 0-64 28.708-64 64s28.708 64 64 64 64-28.708 64-64-28.708-64-64-64zm192 0c-35.292 0-64 28.708-64 64s28.708 64 64 64 64-28.708 64-64-28.708-64-64-64zm-384 0c-35.292 0-64 28.708-64 64s28.708 64 64 64 64-28.708 64-64-28.708-64-64-64z"
        fill="url(#a)"
    />
</svg>