Development

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512pt"
    height="512pt"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="0"
        x2="512"
        y1="-17722"
        y2="-17722"
        gradientTransform="matrix(1 0 0 -1 0 -17466)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#31d8ff" />
        <stop offset="1" stop-color="#ff80ff" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M512 256c0 141.387-114.613 256-256 256S0 397.387 0 256 114.613 0 256 0s256 114.613 256 256zm0 0"
    />
    <g fill="#fff">
        <path
            d="M256 56c-34.207 0-62.035 27.828-62.035 62.035 0 29.031 20.055 53.461 47.035 60.188V441c0 8.285 6.715 15 15 15s15-6.715 15-15V178.223c26.98-6.727 47.035-31.157 47.035-60.188C318.035 83.828 290.207 56 256 56zm0 94.066c-17.664 0-32.035-14.37-32.035-32.03C223.965 100.37 238.335 86 256 86s32.035 14.371 32.035 32.035c0 17.66-14.37 32.031-32.035 32.031zM133.035 315.766v-46.61c26.98-6.726 47.031-31.156 47.031-60.191 0-34.203-27.828-62.031-62.03-62.031-34.208 0-62.036 27.828-62.036 62.03 0 29.036 20.055 53.466 47.035 60.192v52.824c0 3.977 1.578 7.793 4.395 10.606l59.445 59.445a14.948 14.948 0 0 0 10.605 4.395c3.836 0 7.676-1.465 10.606-4.395 5.86-5.86 5.86-15.355 0-21.215zM86 208.965c0-17.66 14.371-32.031 32.035-32.031 17.664 0 32.031 14.37 32.031 32.03 0 17.665-14.37 32.036-32.03 32.036C100.37 241 86 226.629 86 208.965zM456 208.965c0-34.203-27.828-62.031-62.035-62.031-34.203 0-62.031 27.828-62.031 62.03 0 29.036 20.05 53.466 47.03 60.192v46.61l-55.05 55.05c-5.86 5.86-5.86 15.356 0 21.215a14.955 14.955 0 0 0 10.606 4.395c3.84 0 7.68-1.465 10.605-4.395l59.445-59.445a15.003 15.003 0 0 0 4.395-10.606v-52.824C435.945 262.43 456 238 456 208.965zM393.965 241c-17.66 0-32.031-14.371-32.031-32.035 0-17.66 14.37-32.031 32.03-32.031 17.665 0 32.036 14.37 32.036 32.03C426 226.63 411.629 241 393.965 241zm0 0"
        />
    </g>
</svg>