Connections

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 512 512"
>
    <circle cx="98.672" cy="283.903" r="90.639" fill="#f9c526" />
    <circle cx="98.672" cy="283.903" r="36.29" fill="#fff" />
    <circle cx="413.328" cy="104.253" r="90.639" fill="#fb7686" />
    <circle cx="413.328" cy="104.253" r="36.289" fill="#ffe288" />
    <circle cx="413.328" cy="407.747" r="90.639" fill="#54b8ac" />
    <circle cx="413.328" cy="407.747" r="36.289" fill="#ffe288" />
    <path
        d="M421.36 309.406V202.593c50.665-4.102 90.64-46.641 90.64-98.345 0-54.408-44.264-98.674-98.674-98.674-54.408 0-98.674 44.264-98.674 98.674 0 14.925 3.338 29.084 9.295 41.778l-143.886 82.15c-17.8-25.919-47.642-42.953-81.39-42.953C44.264 185.225 0 229.49 0 283.898s44.264 98.672 98.672 98.672c38.808 0 72.451-22.524 88.555-55.182l131.642 51.817a98.34 98.34 0 0 0-4.216 28.547c0 54.408 44.264 98.674 98.674 98.674 54.408 0 98.674-44.264 98.674-98.674-.001-51.704-39.976-94.243-90.641-98.346zM98.672 366.503c-45.549 0-82.606-37.057-82.606-82.605s37.057-82.606 82.606-82.606 82.607 37.057 82.607 82.606-37.058 82.605-82.607 82.605zm314.654-344.86c45.549 0 82.607 37.057 82.607 82.607s-37.057 82.606-82.607 82.606c-45.549 0-82.607-37.057-82.607-82.606s37.059-82.607 82.607-82.607zM193.13 312.444a98.34 98.34 0 0 0 4.216-28.547c0-14.925-3.338-29.084-9.295-41.778l143.886-82.15c16.373 23.841 42.936 40.162 73.356 42.625v106.814c-35.378 2.864-65.54 24.471-80.521 54.854L193.13 312.444zm220.196 177.913c-45.549 0-82.607-37.057-82.607-82.607s37.057-82.606 82.607-82.606c45.549 0 82.607 37.057 82.607 82.606s-37.057 82.607-82.607 82.607z"
    />
</svg>