Side By Side

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 300 300"
>
    <linearGradient
        id="a"
        x1="84.345"
        x2="220.003"
        y1="218.002"
        y2="82.345"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#107eff" />
        <stop offset="1" stop-color="#8f16ff" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M58 38c-6.617 0-12 5.383-12 12s5.383 12 12 12 12-5.383 12-12-5.383-12-12-12zm136 44c0-2.209 1.789-4 4-4h4v-4c0-2.209 1.789-4 4-4s4 1.791 4 4v4h4c2.211 0 4 1.791 4 4s-1.789 4-4 4h-4v4c0 2.209-1.789 4-4 4s-4-1.791-4-4v-4h-4c-2.211 0-4-1.791-4-4zm-72 164a4 4 0 1 1-8 0 4 4 0 0 1 8 0zM82 134a4 4 0 1 1 8 0 4 4 0 0 1-8 0zm171.105 121.479A4 4 0 0 1 250 262h-48a4.003 4.003 0 0 1-3.105-1.479l-52-64a4.006 4.006 0 0 1 0-5.043l52-64a4.005 4.005 0 0 1 3.105-1.479h48c1.543 0 2.949.887 3.613 2.281a4.004 4.004 0 0 1-.508 4.24l-43.832 53.947a3.996 3.996 0 0 1-5.629.582 4 4 0 0 1-.582-5.625L241.598 134h-37.695l-48.75 60 48.75 60h37.695l-45.5-56H186c-2.211 0-4-1.791-4-4s1.789-4 4-4h12c1.203 0 2.344.543 3.105 1.479zm-64-130.958-52 64A4.003 4.003 0 0 1 134 190H86a4.002 4.002 0 0 1-3.613-2.281 4.004 4.004 0 0 1 .508-4.24l52-64A4.005 4.005 0 0 1 138 118h12c2.211 0 4 1.791 4 4s-1.789 4-4 4h-10.098l-45.5 56h37.695l48.75-60-48.75-60H94.402l38.535 47.426a4 4 0 0 1-.582 5.625 3.993 3.993 0 0 1-5.629-.582L82.895 60.521a4.004 4.004 0 0 1-.508-4.24A4.002 4.002 0 0 1 86 54h48c1.203 0 2.344.543 3.105 1.479l52 64a4.001 4.001 0 0 1 0 5.042z"
    />
</svg>