Data Capture

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 24 24"
>
    <style>
        .st3 {
            fill: #b1b2b1;
        }
        .st8 {
            fill: #231f20;
        }
    </style>
    <g id="Layer_2_1_">
        <path d="M20 5.8V22H4V2h12.2z" fill="#eaeaea" />
        <path d="M4 2h1.5v20H4z" fill="#fff" />
        <path d="M18.5 5.7H20V22h-1.5z" class="st3" />
        <path d="M20 5.8h-3.8V2z" class="st3" />
        <path
            d="M16.2 14.8c0 2.3-1.9 4.2-4.2 4.2-2.3 0-4.2-1.9-4.2-4.2s1.9-4.2 4.2-4.2v4.2h4.2z"
            fill="#fae371"
        />
        <path
            d="M12.5 18.9H12c-2.3 0-4.2-1.9-4.2-4.2s1.9-4.2 4.2-4.2v.1c-1.8.5-3.1 2.1-3.1 4 0 2.3 1.6 4.1 3.6 4.3z"
            fill="#fff7d4"
        />
        <path
            d="M11.5 18.9h.5c2.3 0 4.2-1.9 4.2-4.2s-1.9-4.2-4.2-4.2v.1c1.8.5 3.1 2.1 3.1 4 0 2.3-1.5 4.1-3.6 4.3z"
            fill="#9b8837"
        />
        <path d="M16.2 14.8H12v-4.2c2.3 0 4.2 1.9 4.2 4.2z" fill="none" />
    </g>
    <g id="Layer_3">
        <path
            d="m20.4 5.5-3.8-3.8c-.1-.1-.2-.1-.4-.1H4c-.3-.1-.5.1-.5.4v20c0 .3.2.5.5.5h16c.3 0 .5-.2.5-.5V5.8c0-.1-.1-.3-.1-.3zm-1.6-.2h-2.1V3.2l1.1 1.1 1 1zM4.5 21.5v-19h11.2v3.3c0 .3.2.5.5.5h3.3v15.2h-15z"
            class="st8"
        />
        <path
            d="M6.8 5h5.4c.3 0 .5-.2.5-.5s-.3-.5-.5-.5H6.8c-.3 0-.6.2-.6.5s.3.5.6.5zM12.7 7.4c0-.3-.2-.5-.5-.5H6.8c-.3 0-.5.2-.5.5s.2.5.5.5h5.4c.3 0 .5-.2.5-.5zM12 10.1c-2.6 0-4.7 2.1-4.7 4.7s2.1 4.7 4.7 4.7 4.7-2.1 4.7-4.7-2.1-4.7-4.7-4.7zm0 8.4c-2 0-3.7-1.6-3.7-3.7 0-1.9 1.4-3.4 3.2-3.6v3.6c0 .3.2.5.5.5h3.6c-.2 1.8-1.7 3.2-3.6 3.2z"
            class="st8"
        />
    </g>
</svg>