User Interface

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <defs>
        <linearGradient
            id="linear-gradient"
            x1="280"
            y1="1.84142"
            x2="280"
            y2="528.44444"
            gradientUnits="userSpaceOnUse"
        >
            <stop offset="0" stop-color="#2ab793" />
            <stop offset="1" stop-color="#2c98b5" />
        </linearGradient>
        <linearGradient
            id="linear-gradient-2"
            x1="384"
            y1="1.84142"
            x2="384"
            y2="528.44444"
            href="#linear-gradient"
        />
        <linearGradient
            id="linear-gradient-3"
            x1="256"
            y1="1.84142"
            x2="256"
            y2="528.44444"
            href="#linear-gradient"
        />
        <linearGradient
            id="linear-gradient-4"
            x1="192"
            y1="1.84142"
            x2="192"
            y2="528.44444"
            href="#linear-gradient"
        />
    </defs>
    <g id="GRADIENT">
        <path
            d="M448,292.1416V40a24.0275,24.0275,0,0,0-24-24H88A24.0275,24.0275,0,0,0,64,40V472a24.0275,24.0275,0,0,0,24,24H384a111.96413,111.96413,0,0,0,64-203.8584ZM88,480a8.00917,8.00917,0,0,1-8-8V40a8.00917,8.00917,0,0,1,8-8H424a8.00917,8.00917,0,0,1,8,8V282.82129a111.17107,111.17107,0,0,0-16-6.15576V56a8.00008,8.00008,0,0,0-8-8H104a8.00008,8.00008,0,0,0-8,8V456a8.00008,8.00008,0,0,0,8,8H305.70264a112.72655,112.72655,0,0,0,20.66681,16ZM376,240H136a8.00008,8.00008,0,0,0-8,8v48a8.00008,8.00008,0,0,0,8,8H305.70264a111.77911,111.77911,0,0,0-13.56128,144H112V64H400V273.148A112.37974,112.37974,0,0,0,384,272V248A8.00008,8.00008,0,0,0,376,240Zm-8,16V273.148A111.22482,111.22482,0,0,0,326.36945,288H304V256Zm-80,0v32H224V256Zm-80,0v32H144V256ZM384,480a96,96,0,1,1,96-96A96.10874,96.10874,0,0,1,384,480Z"
            fill="url(#linear-gradient)"
        />
        <path
            d="M416.24561,384.24316l-13.41993-5.96386A32.03921,32.03921,0,0,0,416,352.40332V312a8.00008,8.00008,0,0,0-8-8H384a32.03635,32.03635,0,0,0-32,32v16.40332a32.03787,32.03787,0,0,0,13.17432,25.876l-13.42041,5.96386A40.03631,40.03631,0,0,0,328,420.7959V440a8.00008,8.00008,0,0,0,8,8h96a8.00008,8.00008,0,0,0,8-8V420.7959A40.036,40.036,0,0,0,416.24561,384.24316ZM368,336a16.01833,16.01833,0,0,1,16-16h16v32.40332a16.01405,16.01405,0,0,1-9.50146,14.62109L384,369.91211l-6.498-2.8877A16.0137,16.0137,0,0,1,368,352.40332Zm56,96H344V420.7959a24.02224,24.02224,0,0,1,14.25244-21.93164L384,387.42188l25.74707,11.44238A24.02189,24.02189,0,0,1,424,420.7959Z"
            fill="url(#linear-gradient-2)"
        />
        <path
            d="M384,208h-8V88a8.00008,8.00008,0,0,0-8-8H336a8.00008,8.00008,0,0,0-8,8V208H312V104a8.00008,8.00008,0,0,0-8-8H272a8.00008,8.00008,0,0,0-8,8V208H248V136a8.00008,8.00008,0,0,0-8-8H208a8.00008,8.00008,0,0,0-8,8v72H184V152a8.00008,8.00008,0,0,0-8-8H144a8.00008,8.00008,0,0,0-8,8v56h-8v16H384Zm-216,0H152V160h16Zm64,0H216V144h16Zm64,0H280V112h16Zm64,0H344V96h16Z"
            fill="url(#linear-gradient-3)"
        />
        <path
            d="M128,424a8.00008,8.00008,0,0,0,8,8H248a8.00008,8.00008,0,0,0,8-8V328a8.00008,8.00008,0,0,0-8-8H136a8.00008,8.00008,0,0,0-8,8Zm16-88h96v80H144Z"
            fill="url(#linear-gradient-4)"
        />
    </g>
</svg>