Text Align

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 20 20"
>
    <linearGradient
        id="a"
        x1="10"
        x2="10"
        y1="0"
        y2="20"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ee9ae5" />
        <stop offset="1" stop-color="#5961f9" />
    </linearGradient>
    <g fill="none">
        <g fill="url(#a)">
            <path
                fill-rule="evenodd"
                d="m8.24 9 .816 2.33a1 1 0 0 0 1.888-.66L7.609 1.142a1.705 1.705 0 0 0-3.218 0L1.056 10.67a1 1 0 0 0 1.888.66L3.76 9zm-.7-2L6 2.599 4.46 7zM15.5 5c.609 0 1.18.155 1.68.428A.999.999 0 0 1 19 6v5a1 1 0 0 1-1.82.572A3.5 3.5 0 1 1 15.5 5zm0 5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"
                clip-rule="evenodd"
            />
            <path
                d="M2 14a1 1 0 1 0 0 2h16a1 1 0 1 0 0-2zM2 18a1 1 0 1 0 0 2h12a1 1 0 1 0 0-2z"
            />
        </g>
    </g>
</svg>