User Interface

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient id="a">
        <stop offset="0" stop-color="#00a5e9" />
        <stop offset="1" stop-color="#15ffce" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="32"
        x2="32"
        y1="59"
        y2="5"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="22"
        x2="22"
        y1="59"
        y2="5"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="42"
        x2="42"
        y1="59"
        y2="5"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="16"
        x2="16"
        y1="59"
        y2="5"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="48"
        x2="48"
        y1="59"
        y2="5"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <path
        fill="url(#b)"
        d="M32 50c9.757 0 18-8.243 18-18a2 2 0 0 0-4 0c0 7.589-6.411 14-14 14s-14-6.411-14-14a2 2 0 0 0-4 0c0 9.757 8.243 18 18 18z"
    />
    <path
        fill="url(#c)"
        d="M22 34a2 2 0 0 0 2-2V18a2 2 0 0 0-4 0v14a2 2 0 0 0 2 2z"
    />
    <path
        fill="url(#d)"
        d="M42 34a2 2 0 0 0 2-2V18a2 2 0 0 0-4 0v14a2 2 0 0 0 2 2z"
    />
    <path
        fill="url(#b)"
        d="M11.446 41.394c.396 0 .796-.117 1.146-.361l41.111-28.787a2.002 2.002 0 0 0 .491-2.786 2.002 2.002 0 0 0-2.786-.491L10.297 37.755a2.002 2.002 0 0 0 1.149 3.639zM32 46a2 2 0 0 0-2 2v8a2 2 0 0 0 4 0v-8a2 2 0 0 0-2-2z"
    />
    <path
        fill="url(#e)"
        d="M16 34a2 2 0 0 0 2-2v-7a2 2 0 0 0-4 0v7a2 2 0 0 0 2 2z"
    />
    <path
        fill="url(#f)"
        d="M48 34a2 2 0 0 0 2-2v-7a2 2 0 0 0-4 0v7a2 2 0 0 0 2 2z"
    />
    <g fill="url(#b)">
        <path
            d="M40 54H24a2 2 0 0 0 0 4h16a2 2 0 0 0 0-4zM32 44c6.505 0 12-5.495 12-12a2 2 0 0 0-4 0c0 4.337-3.663 8-8 8s-8-3.663-8-8a2 2 0 0 0-4 0c0 6.505 5.495 12 12 12zM22 20a2 2 0 0 0 2-2c0-4.337 3.663-8 8-8s8 3.663 8 8a2 2 0 0 0 4 0c0-6.505-5.495-12-12-12s-12 5.495-12 12a2 2 0 0 0 2 2z"
        />
    </g>
</svg>