Sorting Order

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 100 100"
>
    <linearGradient
        id="a"
        x1="50"
        x2="50"
        y1="98"
        y2="2.001"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#3e3b92" />
        <stop offset="1" stop-color="#f44369" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M56.879 16.121a2.998 2.998 0 0 1 0-4.242l9-9A3 3 0 0 1 71 5v30h3a3 3 0 1 1 0 6H62a3 3 0 1 1 0-6h3V12.242l-3.879 3.879a2.998 2.998 0 0 1-4.242 0zM34.121 5.879a2.998 2.998 0 0 0-4.242 0l-9 9c-1.172 1.172-1.172 3.07 0 4.242s3.07 1.172 4.242 0L29 15.242V92a3 3 0 1 0 6 0V15.242l3.879 3.879c.586.586 1.353.879 2.121.879s1.535-.293 2.121-.879a2.998 2.998 0 0 0 0-4.242zM80 68v21c0 4.963-4.037 9-9 9h-9a3 3 0 1 1 0-6h9c1.655 0 3-1.346 3-3v-6.514A8.976 8.976 0 0 1 71 83h-6c-4.963 0-9-4.037-9-9v-6c0-4.963 4.037-9 9-9h6c4.963 0 9 4.037 9 9zm-6 0c0-1.654-1.345-3-3-3h-6c-1.655 0-3 1.346-3 3v6c0 1.654 1.345 3 3 3h6c1.655 0 3-1.346 3-3z"
    />
</svg>