Viewer

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 32 32"
>
    <g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
        <path
            fill="#fff"
            d="M29 5.858A2.857 2.857 0 0 0 26.142 3H5.858A2.857 2.857 0 0 0 3 5.858v13.284A2.857 2.857 0 0 0 5.858 22h20.284A2.857 2.857 0 0 0 29 19.142V5.858z"
        />
        <path
            fill="#c2cdd3"
            d="M11.963 3a2.858 2.858 0 0 0-2.858 2.858v13.284A2.858 2.858 0 0 0 11.963 22H5.858A2.857 2.857 0 0 1 3 19.142V5.858A2.857 2.857 0 0 1 5.858 3h6.105z"
        />
        <path
            fill="#fff"
            d="M16 8c4.204 0 7.368 2.791 8.523 3.977a.873.873 0 0 1 .066 1.092C23.604 14.275 20.855 17 16 17c-4.127 0-7.251-2.689-8.457-3.91a.871.871 0 0 1-.001-1.181C8.749 10.689 11.873 8 16 8z"
        />
        <circle cx="12" cy="28" r="2" fill="#c2cdd3" />
        <path
            fill="#272b30"
            d="M16 16c-3.664 0-6.455-2.335-7.634-3.5C9.546 11.334 12.337 9 16 9c3.738 0 6.568 2.429 7.703 3.57C22.722 13.72 20.244 16 16 16m9.239-4.721C23.989 9.995 20.551 7 16 7c-4.468 0-7.863 2.885-9.169 4.206l-.024.026a1.87 1.87 0 0 0 .001 2.536l.023.025C8.137 15.115 11.532 18 16 18c5.295 0 8.289-2.983 9.364-4.298l.041-.054a1.873 1.873 0 0 0-.166-2.369"
        />
        <path
            fill="#ff2462"
            d="M13 12.5a3.001 3.001 0 0 0 6 0 3.001 3.001 0 0 0-6 0z"
        />
        <g fill="#272b30">
            <path
                d="M28 19.142A1.858 1.858 0 0 1 26.142 21H5.858A1.858 1.858 0 0 1 4 19.142V5.858C4 4.832 4.832 4 5.858 4h20.284C27.168 4 28 4.832 28 5.858zM26.142 2H5.858A3.858 3.858 0 0 0 2 5.858v13.284A3.858 3.858 0 0 0 5.858 23h20.284A3.858 3.858 0 0 0 30 19.142V5.858A3.858 3.858 0 0 0 26.142 2M11 28a1 1 0 1 1 2 0 1 1 0 0 1-2 0m3.816 1H27a1 1 0 0 0 0-2H14.816A2.993 2.993 0 0 0 12 25a3.001 3.001 0 0 0 0 6 2.993 2.993 0 0 0 2.816-2M5 29v-2a1 1 0 0 0-2 0v2a1 1 0 0 0 2 0M8 29v-2a1 1 0 0 0-2 0v2a1 1 0 0 0 2 0"
            />
        </g>
    </g>
</svg>