Like

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 48 48"
>
    <linearGradient
        id="a"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        gradientTransform="rotate(-42.944 1014.672 -404.378) scale(52.097)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fff33b" />
        <stop offset=".01" stop-color="#fff33b" />
        <stop offset="1" stop-color="#e93e3a" />
    </linearGradient>
    <g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
        <path
            fill="url(#a)"
            d="M567.294 583.091c.401.25.901.286 1.412 0 1.422-1.083 13.485-10.498 15.742-12.755 4.734-4.734 4.734-12.421 0-17.154-4.504-4.505-11.681-4.723-16.445-.656-4.764-4.027-11.91-3.796-16.4.694-4.734 4.734-4.734 12.421 0 17.154 2.257 2.257 14.274 11.637 15.691 12.717zm.706-1.974c-2.582-1.996-12.924-10.094-14.985-12.155-3.954-3.954-3.954-10.375 0-14.329 3.939-3.939 10.325-3.955 14.283-.047 0 0 .329.305.685.299.363-.006.754-.322.77-.337 3.958-3.908 10.344-3.893 14.283.046 3.954 3.954 3.954 10.375 0 14.33-2.062 2.062-12.45 10.195-15.036 12.193z"
            transform="translate(-544.789 -543.223) scale(1.001)"
        />
    </g>
</svg>