Sorting

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <path fill="#7c7c7c" d="M32 2 19 9.5V12h3v10h20V12h3V9.5z" />
    <path fill="#9cc" d="M27 12h10v10H27z" />
    <path
        fill="#969696"
        d="M14 27v3h2v-2h15v2h2v-2h15v2h2v-3c0-.55-.45-1-1-1H33v-2h-2v2H15c-.55 0-1 .45-1 1z"
    />
    <path
        fill="#e54e42"
        d="M55.16 62H42.84c-1.04 0-1.91-.8-1.99-1.83L39 38h20l-1.85 22.17A1.994 1.994 0 0 1 55.16 62z"
    />
    <path
        fill="#f45e4a"
        d="M55.16 62h-1.28c-7.28 0-13.35-5.58-13.95-12.84L39 38h20l-1.85 22.17A1.994 1.994 0 0 1 55.16 62z"
    />
    <path
        fill="#bc312a"
        d="M55 37h-2v-2.67c0-.21-.1-.32-.13-.34h-7.76s-.11.13-.11.34V37h-2v-2.67c0-1.29.95-2.33 2.11-2.33h7.78c1.16 0 2.11 1.05 2.11 2.33z"
    />
    <path
        fill="#e54e42"
        d="M61 40H37c0-2.21 1.79-4 4-4h16c2.21 0 4 1.79 4 4z"
    />
    <path
        fill="#5f9659"
        d="M21.16 62H8.84c-1.04 0-1.91-.8-1.99-1.83L5 38h20l-1.85 22.17A1.994 1.994 0 0 1 21.16 62z"
    />
    <path
        fill="#6fb569"
        d="M21.16 62h-1.28C12.6 62 6.53 56.42 5.93 49.16L5 38h20l-1.85 22.17A1.994 1.994 0 0 1 21.16 62z"
    />
    <path
        fill="#477541"
        d="M21 37h-2v-2.67c0-.21-.1-.32-.13-.34h-7.76s-.11.13-.11.34V37H9v-2.67c0-1.29.95-2.33 2.11-2.33h7.78c1.16 0 2.11 1.05 2.11 2.33z"
    />
    <path fill="#5f9659" d="M27 40H3c0-2.21 1.79-4 4-4h16c2.21 0 4 1.79 4 4z" />
    <path
        fill="#93684c"
        d="M38.16 62H25.84c-1.04 0-1.91-.8-1.99-1.83L22 38h20l-1.85 22.17A1.994 1.994 0 0 1 38.16 62z"
    />
    <path
        fill="#a37652"
        d="M38.16 62h-1.28c-7.28 0-13.35-5.58-13.95-12.84L22 38h20l-1.85 22.17A1.994 1.994 0 0 1 38.16 62z"
    />
    <path
        fill="#7f533b"
        d="M38 37h-2v-2.67c0-.21-.1-.32-.13-.34h-7.76s-.11.13-.11.34V37h-2v-2.67c0-1.29.95-2.33 2.11-2.33h7.78c1.16 0 2.11 1.05 2.11 2.33z"
    />
    <path
        fill="#93684c"
        d="M44 40H20c0-2.21 1.79-4 4-4h16c2.21 0 4 1.79 4 4z"
    />
    <path
        fill="#b8d188"
        d="m15 44.98-1.31 2.55c-1.28 2.5-.74 5.58 1.31 7.45 2.05-1.86 2.59-4.95 1.31-7.45z"
    />
    <path fill="#ddb44e" d="m32 47-5 8h10z" />
    <g fill="#d1d1d1">
        <path
            d="M35.2 54H33v2h4a1 1 0 0 0 .87-.51c.18-.32.17-.71-.03-1.01l-1.87-3-1.7 1.06.92 1.47zM27 56h4v-2h-2.19l.92-1.47-1.69-1.06-1.88 3c-.19.31-.2.7-.03 1.02s.51.52.88.52zM32 48.89l1.03 1.64 1.69-1.06-1.88-3a.999.999 0 0 0-.85-.47c-.35 0-.67.18-.85.47l-1.87 3 1.7 1.06 1.02-1.64z"
        />
    </g>
    <path
        fill="#477541"
        d="m17.2 47.06-1.31-2.56c-.34-.67-1.44-.67-1.78 0l-1.31 2.56a7.26 7.26 0 0 0 1.2 8.31v2.62h2v-2.62a7.26 7.26 0 0 0 1.2-8.31zm-2.62.92.42-.82.42.82c.92 1.81.73 3.95-.42 5.52a5.274 5.274 0 0 1-.42-5.52z"
    />
    <circle cx="49" cy="51" r="5" fill="#f4f4f4" />
    <path fill="#484c4f" d="M48 47h2v5h-2zM48 53h2v2h-2z" />
    <path
        fill="#f4f4f4"
        d="M31.38 12 27 16.38v-2.82L28.56 12zM37 12v2.87L29.87 22H27v-2.79L34.21 12z"
    />
</svg>