Top Alignment

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 20 20"
>
    <linearGradient
        id="a"
        x1="-3.624"
        x2="15.426"
        y1="14.488"
        y2="-2.974"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fff33b" />
        <stop offset=".04" stop-color="#fee72e" />
        <stop offset=".117" stop-color="#fed51b" />
        <stop offset=".196" stop-color="#fdca10" />
        <stop offset=".281" stop-color="#fdc70c" />
        <stop offset=".669" stop-color="#f3903f" />
        <stop offset=".888" stop-color="#ed683c" />
        <stop offset="1" stop-color="#e93e3a" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="2.437"
        x2="21.486"
        y1="21.1"
        y2="3.638"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="-.469"
        x2="18.581"
        y1="17.93"
        y2=".468"
        href="#a"
    />
    <g>
        <path fill="url(#a)" d="M18 1H2a1 1 0 0 0 0 2h16a1 1 0 0 0 0-2z" />
        <path
            fill="url(#b)"
            d="M16 5h-4a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1zm-1 9h-2V7h2z"
        />
        <path
            fill="url(#c)"
            d="M8 5H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1zM7 17H5V7h2z"
        />
    </g>
</svg>