User Interface

<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="469.679"
        y2="42.321"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#6c54a3" />
        <stop offset="1" stop-color="#00b1d2" />
    </linearGradient>
    <path
        fill="url(#a)"
        fill-rule="evenodd"
        d="M455.225 42.321H56.775A56.839 56.839 0 0 0 0 99.1v74.317h512V99.1a56.848 56.848 0 0 0-56.775-56.775zM0 200.254V412.9a56.844 56.844 0 0 0 56.775 56.775h398.45A56.853 56.853 0 0 0 512 412.9V200.254zm367.848 52.132v138.326a13.421 13.421 0 0 1-26.842 0V252.386a13.421 13.421 0 1 1 26.842 0zm-77.423.207v78.19a73.137 73.137 0 1 1-146.273 0v-78.19a13.421 13.421 0 1 1 26.842 0v78.19a46.3 46.3 0 0 0 92.6 0v-78.19a13.417 13.417 0 1 1 26.834 0zm-4.621-131.3a13.406 13.406 0 0 1 13.417-13.417h131.15a13.417 13.417 0 1 1 0 26.834h-131.15a13.411 13.411 0 0 1-13.421-13.422zm-217.585 0a13.4 13.4 0 0 1 13.41-13.417h.022a13.417 13.417 0 1 1-13.432 13.417zm58.1 0a13.4 13.4 0 0 1 13.41-13.417h.015a13.417 13.417 0 1 1-13.425 13.417zm58.079 0a13.408 13.408 0 0 1 13.41-13.417h.022a13.417 13.417 0 1 1-13.43 13.412z"
    />
</svg>