Idea

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 28 28"
>
    <linearGradient
        id="a"
        x1="-4.689"
        x2="31.341"
        y1="35.757"
        y2="-6.277"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fff33b" />
        <stop offset=".04" stop-color="#fee72e" />
        <stop offset=".117" stop-color="#fed51b" />
        <stop offset=".196" stop-color="#fdca10" />
        <stop offset=".281" stop-color="#fdc70c" />
        <stop offset=".669" stop-color="#f3903f" />
        <stop offset=".888" stop-color="#ed683c" />
        <stop offset="1" stop-color="#e93e3a" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M20.969 3.828A10.047 10.047 0 0 0 13.709 1a10.126 10.126 0 0 0-9.7 9.677 9.914 9.914 0 0 0 4.619 8.742 2.954 2.954 0 0 1 1.245 1.6A.988.988 0 0 0 9 22v4a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-4a.987.987 0 0 0-.868-.973 3 3 0 0 1 1.259-1.614 9.991 9.991 0 0 0 1.578-15.585zM17 25h-6v-2h6zm1.312-7.271A4.944 4.944 0 0 0 16.071 21H11.93a4.908 4.908 0 0 0-2.23-3.263A7.93 7.93 0 0 1 6 10.743 8.1 8.1 0 0 1 13.766 3 8 8 0 0 1 22 11a7.964 7.964 0 0 1-3.688 6.729z"
    />
</svg>