Doughnut

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 509.287 509.287"
>
    <path
        d="M254.644 0C113.928 0 0 113.928 0 254.644s113.928 254.644 254.644 254.644S509.288 395.36 509.288 254.644 395.359 0 254.644 0zm0 378.744c-68.493 0-124.101-55.608-124.101-124.101s55.608-124.101 124.101-124.101 124.101 55.608 124.101 124.101-55.609 124.101-124.101 124.101z"
        fill="#fbd303"
    />
    <path
        d="M30.177 237.012c-1.356 21.022 2.034 44.079 17.293 58.321 12.207 11.528 30.517 15.258 42.384 26.787 15.258 14.919 16.954 38.315 19.327 59.677 2.374 21.362 7.799 45.097 26.448 55.608 29.16 16.276 64.763-12.546 97.992-7.799 27.804 4.069 48.148 31.195 75.952 34.585 25.43 3.052 48.487-14.919 64.424-34.924 15.936-20.005 28.143-43.401 47.809-59.677 18.988-15.258 44.419-21.362 68.493-18.649 12.207-29.838 18.988-62.389 18.988-96.297C509.287 113.928 395.359 0 254.644 0 151.905 0 63.407 60.694 23.396 148.514c5.086 7.799 8.477 16.954 9.833 26.109 3.052 20.683-1.695 41.705-3.052 62.389zm224.467-106.469c68.493 0 124.101 55.608 124.101 124.101s-55.608 124.101-124.101 124.101-124.101-55.608-124.101-124.101 55.608-124.101 124.101-124.101z"
        fill="#f0582f"
    />
    <circle cx="268.207" cy="52.895" r="13.563" fill="#fbd303" />
    <circle cx="180.726" cy="72.562" r="12.546" fill="#fbd303" />
    <circle cx="89.854" cy="180.726" r="15.258" fill="#fbd303" />
    <circle cx="84.768" cy="273.971" r="10.172" fill="#fbd303" />
    <circle cx="156.313" cy="382.135" r="10.511" fill="#fbd303" />
    <circle cx="279.057" cy="409.939" r="10.85" fill="#fbd303" />
    <circle cx="428.927" cy="296.35" r="12.207" fill="#fbd303" />
    <circle cx="436.048" cy="183.777" r="7.121" fill="#fbd303" />
    <circle cx="347.211" cy="122.066" r="12.546" fill="#fbd303" />
    <circle cx="412.652" cy="94.262" r="9.155" fill="#fbd303" />
    <circle cx="89.854" cy="109.521" r="15.258" fill="#fbd303" />
    <circle cx="476.397" cy="248.201" r="15.936" fill="#fbd303" />
    <circle cx="384.17" cy="370.268" r="11.868" fill="#fbd303" />
    <circle cx="165.807" cy="124.44" r="14.919" fill="#f1f3f7" />
    <circle cx="411.634" cy="161.399" r="8.138" fill="#f1f3f7" />
    <circle cx="344.837" cy="43.401" r="16.275" fill="#f1f3f7" />
    <circle cx="242.098" cy="94.262" r="9.155" fill="#f1f3f7" />
    <circle cx="63.407" cy="229.213" r="11.189" fill="#f1f3f7" />
    <circle cx="124.44" cy="333.987" r="8.138" fill="#f1f3f7" />
    <circle cx="224.805" cy="394.003" r="11.868" fill="#f1f3f7" />
    <circle cx="339.412" cy="409.939" r="10.85" fill="#f1f3f7" />
    <circle cx="471.989" cy="307.878" r="11.528" fill="#f1f3f7" />
    <circle cx="408.922" cy="235.317" r="12.885" fill="#f1f3f7" />
    <circle cx="460.8" cy="142.072" r="11.528" fill="#71d456" />
    <circle cx="293.976" cy="97.314" r="12.207" fill="#71d456" />
    <circle cx="216.328" cy="30.856" r="12.546" fill="#71d456" />
    <circle cx="129.526" cy="54.591" r="5.086" fill="#71d456" />
    <circle cx="127.83" cy="164.789" r="11.528" fill="#71d456" />
    <circle cx="112.233" cy="247.523" r="7.121" fill="#71d456" />
    <circle cx="338.395" cy="372.302" r="9.833" fill="#71d456" />
    <circle cx="400.106" cy="323.475" r="8.816" fill="#71d456" />
    <circle cx="391.968" cy="182.76" r="13.224" fill="#71d456" />
    <circle cx="370.946" cy="83.412" r="10.85" fill="#71d456" />
    <circle cx="47.809" cy="145.462" r="10.511" fill="#71d456" />
</svg>