Bead

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <path
        d="M271 396.317c10.389-5.43 17.5-16.306 17.5-28.817 0-17.92-14.58-32.5-32.5-32.5-17.921 0-32.5 14.58-32.5 32.5 0 12.512 7.111 23.387 17.5 28.817v15.056c-10.303 12.089-30 37.571-30 55.627 0 24.813 20.187 45 45 45s45-20.187 45-45c0-18.057-19.697-43.538-30-55.627z"
    />
    <circle cx="256" cy="32.5" r="32.5" />
    <circle
        cx="191.901"
        cy="45.25"
        r="32.5"
        transform="rotate(-38.26 191.952 45.264)"
    />
    <circle
        cx="320.099"
        cy="354.75"
        r="32.5"
        transform="rotate(-66.36 320.077 354.777)"
    />
    <circle cx="137.56" cy="81.56" r="32.5" />
    <circle cx="374.44" cy="318.44" r="32.5" />
    <circle
        cx="101.25"
        cy="135.9"
        r="32.5"
        transform="rotate(-41.55 101.333 135.986)"
    />
    <circle
        cx="410.75"
        cy="264.099"
        r="32.5"
        transform="rotate(-11.66 411.586 264.544)"
    />
    <circle cx="88.5" cy="200" r="32.5" />
    <circle cx="423.5" cy="200" r="32.5" />
    <circle
        cx="101.25"
        cy="264.099"
        r="32.5"
        transform="rotate(-67.48 101.335 264.088)"
    />
    <circle
        cx="410.75"
        cy="135.9"
        r="32.5"
        transform="rotate(-79.51 410.989 135.893)"
    />
    <circle cx="137.56" cy="318.44" r="32.5" />
    <circle cx="374.44" cy="81.56" r="32.5" />
    <circle
        cx="191.9"
        cy="354.75"
        r="32.5"
        transform="rotate(-87.3 191.821 354.692)"
    />
    <circle
        cx="320.099"
        cy="45.25"
        r="32.5"
        transform="rotate(-40.71 320.044 45.341)"
    />
</svg>