Rewind Button

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 24 24"
>
    <linearGradient
        id="a"
        x1="8.777"
        x2="16.394"
        y1="9.443"
        y2="15.486"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#96369f" />
        <stop offset="1" stop-color="#01b3ed" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="10.28"
        x2="17.897"
        y1="7.549"
        y2="13.592"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="7.232"
        x2="14.849"
        y1="11.391"
        y2="17.434"
        href="#a"
    />
    <path
        fill="url(#a)"
        d="M12 2a10 10 0 1 0 10 10A10.011 10.011 0 0 0 12 2zm0 18a8 8 0 1 1 8-8 8.009 8.009 0 0 1-8 8z"
    />
    <path
        fill="url(#b)"
        d="m15.4 8.2-4 3a1 1 0 0 0 0 1.6l4 3A1 1 0 0 0 17 15V9a1 1 0 0 0-1.6-.8zM15 13l-1.333-1L15 11z"
    />
    <path fill="url(#c)" d="M7 9v6a1 1 0 0 0 2 0V9a1 1 0 0 0-2 0z" />
</svg>