Grades

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 32 32"
>
    <linearGradient
        id="a"
        x1="8"
        x2="28"
        y1="16"
        y2="16"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#64b5f6" />
        <stop offset="1" stop-color="#bbdefb" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="12.09"
        x2="25.91"
        y1="11.38"
        y2="11.38"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ffe0b2" />
        <stop offset="1" stop-color="#ffb74d" />
    </linearGradient>
    <linearGradient
        id="c"
        x1="7.58"
        x2="30.28"
        y1="11.84"
        y2="11.04"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ffb74d" />
        <stop offset="1" stop-color="#ffe0b2" />
    </linearGradient>
    <linearGradient
        id="d"
        x1="4"
        x2="10"
        y1="16"
        y2="16"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#e57373" />
        <stop offset="1" stop-color="#ef9a9a" />
    </linearGradient>
    <g>
        <rect width="20" height="28" x="8" y="2" fill="url(#a)" rx="1" />
        <path
            d="M28 3H12a1 1 0 0 0-1 1v26H9a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1z"
            opacity=".1"
        />
        <path
            fill="url(#b)"
            d="M25.86 9.75a1 1 0 0 0-.95-.69h-3.79L20 5.46a1 1 0 0 0-1.9 0l-1.17 3.6h-3.84a1 1 0 0 0-.59 1.8l3.07 2.23-1.17 3.6a1 1 0 0 0 .36 1.12 1 1 0 0 0 1.18 0L19 15.58l3.06 2.23a1 1 0 0 0 1.54-1.12l-1.17-3.6 3.07-2.23a1 1 0 0 0 .36-1.11z"
        />
        <path
            fill="url(#c)"
            d="M24.58 10.05a.82.82 0 0 0-.78-.56h-3.08l-.95-2.93a.81.81 0 0 0-1.54 0l-.95 2.93H14.2a.82.82 0 0 0-.78.56.81.81 0 0 0 .3.91l2.49 1.81-1 2.93a.82.82 0 0 0 .29.91.81.81 0 0 0 1 0L19 14.8l2.49 1.81a.83.83 0 0 0 .48.15.85.85 0 0 0 .48-.15.82.82 0 0 0 .29-.91l-.95-2.93L24.28 11a.81.81 0 0 0 .3-.95z"
        />
        <path
            d="M25 22H13a1 1 0 0 1 0-2h12a1 1 0 0 1 0 2zM25 25H13a1 1 0 0 1 0-2h12a1 1 0 0 1 0 2zM19 28h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2z"
            opacity=".1"
        />
        <circle cx="25" cy="27" r="1" opacity=".1" />
        <circle cx="22" cy="27" r="1" opacity=".1" />
        <g fill="#fff">
            <path
                d="M25 21H13a1 1 0 0 1 0-2h12a1 1 0 0 1 0 2zM25 24H13a1 1 0 0 1 0-2h12a1 1 0 0 1 0 2zM19 27h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2z"
            />
        </g>
        <rect width="6" height="28" x="4" y="2" fill="url(#d)" rx="1" />
        <path
            d="M10 3H6a1 1 0 0 0-1 1v26a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1z"
            opacity=".1"
        />
        <circle cx="25" cy="26" r="1" fill="#fff" />
        <circle cx="22" cy="26" r="1" fill="#fff" />
        <path fill="#fff" d="M8 2h2v28H8z" />
    </g>
</svg>