Encoder

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <path fill="#d0f2d2" d="M90 156h332v200H90z" />
    <path fill="#ccf5fc" d="M10 156h80v200H10zM422 156h80v200h-80z" />
    <circle cx="362" cy="216" r="20" fill="#a0e5a5" />
    <circle cx="282" cy="216" r="20" fill="#ff7b79" />
    <path fill="#80b6ff" d="M130 196h92v40h-92z" />
    <path
        d="M509.07 148.93A10.076 10.076 0 0 0 502 146H10c-5.523 0-10 4.478-10 10v200c0 5.522 4.477 10 10 10h492c2.63 0 5.21-1.07 7.07-2.931A10.072 10.072 0 0 0 512 356v-30c0-5.521-4.49-10-10-10s-10 4.479-10 10v20h-60V166h60v70c0 5.51 4.49 10 10 10s10-4.49 10-10v-80c0-2.63-1.07-5.21-2.93-7.07zM20 166h60v180H20zm80 0h312v180H100z"
    />
    <circle cx="502" cy="281" r="10" />
    <path
        d="M50 186c-5.523 0-10 4.478-10 10v120c0 5.522 4.477 10 10 10s10-4.478 10-10V196c0-5.522-4.477-10-10-10zM452 196v120c0 5.522 4.477 10 10 10s10-4.478 10-10V196c0-5.522-4.477-10-10-10s-10 4.478-10 10z"
    />
    <circle cx="368.5" cy="276" r="10" />
    <circle cx="278.5" cy="276" r="10" />
    <circle cx="188.5" cy="276" r="10" />
    <circle cx="233.5" cy="276" r="10" />
    <circle cx="143.5" cy="276" r="10" />
    <circle cx="323.5" cy="276" r="10" />
    <circle cx="143.5" cy="316" r="10" />
    <circle cx="188.5" cy="316" r="10" />
    <circle cx="278.5" cy="316" r="10" />
    <circle cx="368.5" cy="316" r="10" />
    <circle cx="323.5" cy="316" r="10" />
    <circle cx="233.5" cy="316" r="10" />
    <path
        d="M362 186c-16.542 0-30 13.458-30 30s13.458 30 30 30 30-13.458 30-30-13.458-30-30-30zm0 40c-5.514 0-10-4.486-10-10s4.486-10 10-10 10 4.486 10 10-4.486 10-10 10zM282 186c-16.542 0-30 13.458-30 30s13.458 30 30 30 30-13.458 30-30-13.458-30-30-30zm0 40c-5.514 0-10-4.486-10-10s4.486-10 10-10 10 4.486 10 10-4.486 10-10 10zM232 236v-40c0-5.522-4.477-10-10-10h-92c-5.523 0-10 4.478-10 10v40c0 5.522 4.477 10 10 10h92c5.523 0 10-4.478 10-10zm-20-10h-72v-20h72z"
    />
</svg>