Storyboard

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="256"
        x2="256"
        y1="452"
        y2="60"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#c3ffe8" />
        <stop offset=".997" stop-color="#f0fff4" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="256"
        x2="256"
        y1="512"
        y2="0"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#00b59c" />
        <stop offset="1" stop-color="#9cffac" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M467 60H45c-8.291 0-15 6.709-15 15v285c0 8.291 6.709 15 15 15h196v62c0 8.291 6.709 15 15 15s15-6.709 15-15v-62h196c8.291 0 15-6.709 15-15V75c0-8.291-6.709-15-15-15z"
    />
    <path
        fill="url(#b)"
        d="M497 30H322.211L296.605 4.395A14.986 14.986 0 0 0 286 0h-60a14.986 14.986 0 0 0-10.605 4.395L189.789 30H15C6.709 30 0 36.709 0 45v30c0 8.291 6.709 15 15 15h482c8.291 0 15-6.709 15-15V45c0-8.291-6.709-15-15-15zM256 422c-24.814 0-45 20.186-45 45s20.186 45 45 45 45-20.186 45-45-20.186-45-45-45zM106 255h120c8.291 0 15-6.709 15-15v-90c0-8.291-6.709-15-15-15H106c-8.291 0-15 6.709-15 15v90c0 8.291 6.709 15 15 15zm165 45c0 8.291 6.709 15 15 15h120c8.291 0 15-6.709 15-15v-90c0-8.291-6.709-15-15-15H286c-8.291 0-15 6.709-15 15zm15-135h120c8.291 0 15-6.709 15-15s-6.709-15-15-15H286c-8.291 0-15 6.709-15 15s6.709 15 15 15zM106 315h120c8.291 0 15-6.709 15-15s-6.709-15-15-15H106c-8.291 0-15 6.709-15 15s6.709 15 15 15zm391 45H15c-8.291 0-15 6.709-15 15s6.709 15 15 15h482c8.291 0 15-6.709 15-15s-6.709-15-15-15z"
    />
</svg>