Layout

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 24 24"
>
    <path
        fill="#03a9f4"
        d="M22.25 0H1.75C.785 0 0 .785 0 1.75v2.5C0 5.215.785 6 1.75 6h20.5C23.215 6 24 5.215 24 4.25v-2.5C24 .785 23.215 0 22.25 0z"
    />
    <path
        fill="#0393d4"
        d="M12 0H1.75C.785 0 0 .785 0 1.75v2.5C0 5.215.785 6 1.75 6H12z"
    />
    <circle cx="3" cy="12" r="3" fill="#90a4ae" />
    <circle cx="3" cy="21" r="3" fill="#90a4ae" />
    <path
        fill="#cfd8dc"
        d="M23.89 9.29c-.16-.51-.56-.91-1.07-1.07a1.38 1.38 0 0 0-.57-.11H9.75c-.2 0-.39.03-.57.11-.51.16-.91.56-1.07 1.07-.08.18-.11.37-.11.57v12.5c0 .2.03.39.11.57.16.51.56.91 1.07 1.07h13.64c.51-.16.91-.56 1.07-1.07.08-.18.11-.37.11-.57V9.86c0-.2-.03-.39-.11-.57z"
    />
    <path
        fill="#90a4ae"
        d="M22.5 21.43 17.07 16l5.43-5.43 1.39-1.39c-.16-.51-.56-.91-1.07-1.07L21.43 9.5 16 14.93 10.57 9.5 9.18 8.11c-.51.16-.91.56-1.07 1.07l1.39 1.39L14.93 16 9.5 21.43l-1.39 1.39c.16.51.56.91 1.07 1.07l1.39-1.39L16 17.07l5.43 5.43 1.39 1.39c.51-.16.91-.56 1.07-1.07z"
    />
    <path
        fill="#b4bcc0"
        d="M8.139 9.208a.792.792 0 0 0-.028.082C8.03 9.47 8 9.66 8 9.859v12.5c0 .2.03.391.111.57.159.51.559.911 1.069 1.071H16v-6.93l-5.43 5.43-1.39 1.39a1.63 1.63 0 0 1-1.069-1.069L9.5 21.43 14.93 16 9.5 10.57zM16 8.109H9.75c-.172 0-.335.022-.492.079L10.57 9.5 16 14.93z"
    />
    <path
        fill="#7d8f97"
        d="M9.18 8.11c-.51.16-.91.56-1.069 1.07l.028.028L9.5 10.57 14.93 16 9.5 21.43l-1.389 1.39c.159.51.559.91 1.069 1.069l1.391-1.39L16 17.07v-2.14L10.57 9.5 9.258 8.188z"
    />
    <g fill="#7d8f97">
        <path
            d="M3 9c-1.654 0-3 1.346-3 3s1.346 3 3 3zM3 18c-1.654 0-3 1.346-3 3s1.346 3 3 3z"
        />
    </g>
</svg>