Graphical Presentation

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 32 32"
>
    <linearGradient
        id="a"
        x1="7"
        x2="25"
        y1="25"
        y2="25"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#d3ced4" />
        <stop offset="1" stop-color="#8b808e" />
    </linearGradient>
    <linearGradient id="d" x1="15" x2="17" href="#a" />
    <linearGradient
        id="e"
        x1="3"
        x2="29"
        y1="13"
        y2="13"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#8b808e" />
        <stop offset="1" stop-color="#655e68" />
    </linearGradient>
    <linearGradient
        id="f"
        x1="5"
        x2="27"
        y1="13"
        y2="13"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#c4d3f1" />
        <stop offset="1" stop-color="#8ab2e9" />
    </linearGradient>
    <linearGradient id="g" x1="2" x2="30" y1="4" y2="4" href="#a" />
    <linearGradient
        id="b"
        x1="9"
        x2="11"
        y1="17.5"
        y2="17.5"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ffe07d" />
        <stop offset="1" stop-color="#ffc269" />
    </linearGradient>
    <linearGradient
        id="c"
        x1="13"
        x2="15"
        y1="16.5"
        y2="16.5"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ffc269" />
        <stop offset="1" stop-color="#e5646e" />
    </linearGradient>
    <linearGradient id="h" x1="17" x2="19" y1="15.5" y2="15.5" href="#b" />
    <linearGradient id="i" x1="21" x2="23" y1="14.5" y2="14.5" href="#c" />
    <g>
        <path
            fill="url(#a)"
            d="M24 29h-2a1 1 0 0 1-.71-.29L16 23.41l-5.29 5.3A1 1 0 0 1 10 29H8a1 1 0 0 1 0-2h1.59l5.7-5.71a1 1 0 0 1 1.42 0l5.7 5.71H24a1 1 0 0 1 0 2z"
        />
        <path
            fill="url(#d)"
            d="M16 29a1 1 0 0 1-1-1v-6a1 1 0 0 1 2 0v6a1 1 0 0 1-1 1z"
        />
        <path
            fill="url(#e)"
            d="M29 4v18a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h24a1 1 0 0 1 1 1z"
        />
        <path
            d="M29 22a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1v10a9 9 0 0 0 9 9z"
            opacity=".13"
        />
        <path
            fill="url(#f)"
            d="M25.37 21H6.63A1.63 1.63 0 0 1 5 19.37V5h22v14.37A1.63 1.63 0 0 1 25.37 21z"
        />
        <path
            fill="#8ab2e9"
            d="M27 19v.37A1.63 1.63 0 0 1 25.37 21H6.63A1.63 1.63 0 0 1 5 19.37V5h2v9a5 5 0 0 0 5 5z"
        />
        <path fill="url(#g)" d="M29 5H3a1 1 0 0 1 0-2h26a1 1 0 0 1 0 2z" />
        <path
            fill="url(#b)"
            d="M10 19a1 1 0 0 1-1-1v-1a1 1 0 0 1 2 0v1a1 1 0 0 1-1 1z"
        />
        <path
            fill="url(#c)"
            d="M14 19a1 1 0 0 1-1-1v-3a1 1 0 0 1 2 0v3a1 1 0 0 1-1 1z"
        />
        <path
            fill="url(#h)"
            d="M18 19a1 1 0 0 1-1-1v-5a1 1 0 0 1 2 0v5a1 1 0 0 1-1 1z"
        />
        <path
            fill="url(#i)"
            d="M22 19a1 1 0 0 1-1-1v-7a1 1 0 0 1 2 0v7a1 1 0 0 1-1 1z"
        />
        <g fill="#fff">
            <path
                d="M24 19H8a1 1 0 0 1 0-2h16a1 1 0 0 1 0 2zM11 15H8a1 1 0 0 1 0-2h2.38l.73-1.45A1 1 0 0 1 12 11h2.38l.73-1.45A1 1 0 0 1 16 9h2.38l.73-1.45A1 1 0 0 1 20 7h4a1 1 0 0 1 0 2h-3.38l-.73 1.45A1 1 0 0 1 19 11h-2.38l-.73 1.45A1 1 0 0 1 15 13h-2.38l-.73 1.45A1 1 0 0 1 11 15z"
            />
        </g>
    </g>
</svg>