Bottom Alignment

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 20 20"
>
    <linearGradient
        id="a"
        x1=".605"
        x2="24.417"
        y1="27.238"
        y2="3.823"
        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="-1.678"
        x2="22.134"
        y1="24.916"
        y2="1.501"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="-6.36"
        x2="17.451"
        y1="20.154"
        y2="-3.261"
        href="#a"
    />
    <g>
        <path fill="url(#a)" d="M18 17H2a1 1 0 0 0 0 2h16a1 1 0 0 0 0-2z" />
        <path
            fill="url(#b)"
            d="M12 15h4a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1zm1-9h2v7h-2z"
        />
        <path
            fill="url(#c)"
            d="M4 15h4a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1zM5 3h2v10H5z"
        />
    </g>
</svg>