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="512"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#6c54a3" />
        <stop offset="1" stop-color="#00b1d2" />
    </linearGradient>
    <path
        fill="url(#a)"
        fill-rule="evenodd"
        d="M256 0c141.385 0 256 114.615 256 256S397.385 512 256 512 0 397.385 0 256 114.615 0 256 0zm72.756 176.405a13.331 13.331 0 1 0-26.661 0v83.509a13.331 13.331 0 0 0 26.661 0zm-46.743.118a13.33 13.33 0 0 0-26.66 0v47.215a22.725 22.725 0 1 1-45.45 0v-47.215a13.33 13.33 0 0 0-26.659 0v47.215a49.385 49.385 0 1 0 98.769 0zm109.827 128.2V131.594a8.736 8.736 0 0 0-8.725-8.726h-254.23a8.734 8.734 0 0 0-8.725 8.726v173.131a8.738 8.738 0 0 0 8.725 8.726h254.23a8.739 8.739 0 0 0 8.725-8.726zM256 389.132a2.948 2.948 0 1 0-2.948-2.948 2.988 2.988 0 0 0 2.948 2.948zM383.115 96.206h-254.23A35.425 35.425 0 0 0 93.5 131.594v173.131a35.424 35.424 0 0 0 35.385 35.383h113.784v19.655a29.607 29.607 0 1 0 26.662 0v-19.655h113.784a35.424 35.424 0 0 0 35.385-35.383V131.594a35.425 35.425 0 0 0-35.385-35.388z"
    />
</svg>