Energy Bar

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="256"
        x2="256"
        y1="512"
        y2="0"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ffc2cc" />
        <stop offset="1" stop-color="#fff2f4" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="256"
        x2="256"
        y1="353.707"
        y2="158.293"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ffa68d" />
        <stop offset="1" stop-color="#fd3a84" />
    </linearGradient>
    <circle cx="256" cy="256" r="256" fill="url(#a)" />
    <path
        fill="url(#b)"
        d="M228.517 234.471a8.898 8.898 0 0 0-8.05-5.118h-21.165l29.111-58.205a8.905 8.905 0 0 0-.382-8.64 8.922 8.922 0 0 0-7.564-4.216h-71.06a8.867 8.867 0 0 0-8.241 5.586l-35.53 88.825a8.891 8.891 0 0 0 .885 8.275 8.883 8.883 0 0 0 7.356 3.903h24.687l-15.631 78.199a8.886 8.886 0 0 0 4.875 9.759c3.781 1.784 8.131.718 10.652-2.325l88.825-106.59a8.87 8.87 0 0 0 1.232-9.453zm151.835-5.118H245.328c3.121 8.832 1.644 18.736-4.424 25.971l-37.569 45.089h177.017c14.694 0 26.648-11.953 26.648-26.647V256c0-14.694-11.953-26.647-26.648-26.647z"
    />
</svg>