Musical Note

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="32"
        x2="32"
        y1="5"
        y2="59"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ffc053" />
        <stop offset=".262" stop-color="#f7975e" />
        <stop offset=".505" stop-color="#ee6e69" />
        <stop offset=".749" stop-color="#e64574" />
        <stop offset="1" stop-color="#dd1b7f" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="30.5"
        x2="30.5"
        y1="5.314"
        y2="58.968"
        href="#a"
    />
    <path
        fill="url(#a)"
        d="M32 5a27 27 0 1 0 27 27A27.03 27.03 0 0 0 32 5zm0 52a25 25 0 1 1 25-25 25.028 25.028 0 0 1-25 25z"
    />
    <path
        fill="url(#b)"
        d="M46.859 14.178a2.98 2.98 0 0 0-2.553-.564l-17 4.047A2.991 2.991 0 0 0 25 20.58v17.531A6.993 6.993 0 1 0 27 43V27.789l19-4.523v10.845A6.993 6.993 0 1 0 48 39V16.532a2.981 2.981 0 0 0-1.141-2.354zM20 48a5 5 0 1 1 5-5 5.006 5.006 0 0 1-5 5zm21-4a5 5 0 1 1 5-5 5.006 5.006 0 0 1-5 5zM27 20.58a1 1 0 0 1 .769-.974l17-4.046a.971.971 0 0 1 .231-.028 1 1 0 0 1 1 1v4.678l-19 4.524z"
    />
</svg>