React

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 21.694 21.699"
>
    <g paint-order="stroke fill markers">
        <path
            fill="#421e1e"
            d="M10.847 0C4.86 0 0 4.864 0 10.852S4.86 21.7 10.847 21.7c5.988 0 10.847-4.859 10.847-10.847C21.694 4.864 16.835 0 10.847 0z"
        />
        <path
            fill="#dc3545"
            d="M10.847.532c5.702 0 10.32 4.618 10.32 10.32s-4.618 10.315-10.32 10.315S.527 16.554.527 10.852C.528 5.15 5.146.532 10.848.532z"
        />
        <path
            fill="#ffcb2f"
            d="M4.892 9.896a.265.265 0 0 0-.264.263 6.226 6.226 0 0 0 3.112 5.388 6.213 6.213 0 0 0 6.215 0 6.226 6.226 0 0 0 3.112-5.388.265.265 0 0 0-.269-.263h-5.95z"
        />
        <path
            fill="#d42636"
            d="M17.877 3.297a10.283 10.283 0 0 1 2.76 7.026c0 5.702-4.617 10.315-10.319 10.315a10.287 10.287 0 0 1-7.03-2.762 10.293 10.293 0 0 0 7.56 3.291c5.701 0 10.32-4.613 10.32-10.315a10.29 10.29 0 0 0-3.29-7.555z"
        />
    </g>
</svg>