Odometer

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="c"
        x1="56"
        x2="64"
        y1="32"
        y2="32"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#89f7fe" />
        <stop offset="1" stop-color="#66a6ff" />
    </linearGradient>
    <linearGradient id="a" x2="18" y1="9" y2="9" gradientUnits="userSpaceOnUse">
        <stop offset="0" stop-color="#a18cd1" />
        <stop offset="1" stop-color="#fbc2eb" />
    </linearGradient>
    <linearGradient id="d" y1="55" y2="55" href="#a" />
    <linearGradient
        id="e"
        x1="10"
        x2="59"
        y1="32"
        y2="32"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#f6d365" />
        <stop offset="1" stop-color="#fda085" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="29"
        x2="43"
        y1="21"
        y2="21"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ff9a9e" />
        <stop offset="1" stop-color="#fad0c4" />
    </linearGradient>
    <linearGradient id="f" y1="43" y2="43" href="#b" />
    <linearGradient id="g" x1="45" x2="51" y1="32" y2="32" href="#b" />
    <linearGradient id="h" x1="37" y1="32" y2="32" href="#b" />
    <linearGradient id="i" x2="35" y1="32" y2="32" href="#b" />
    <linearGradient id="j" x1="21" x2="27" y1="32" y2="32" href="#b" />
    <linearGradient id="k" x1="13" x2="19" y1="32" y2="32" href="#b" />
    <linearGradient
        id="l"
        x1="50.9"
        x2="55.728"
        y1="25.042"
        y2="25.042"
        href="#b"
    />
    <linearGradient
        id="m"
        x1="45.243"
        x2="50.071"
        y1="19.385"
        y2="19.385"
        href="#b"
    />
    <linearGradient
        id="n"
        x1="39.586"
        x2="44.414"
        y1="13.728"
        y2="13.728"
        href="#b"
    />
    <linearGradient
        id="o"
        x1="33.929"
        x2="38.757"
        y1="8.071"
        y2="8.071"
        href="#b"
    />
    <linearGradient
        id="p"
        x1="28.272"
        x2="33.101"
        y1="2.414"
        y2="2.414"
        href="#b"
    />
    <linearGradient
        id="q"
        x1="50.9"
        x2="55.728"
        y1="38.959"
        y2="38.959"
        href="#b"
    />
    <linearGradient
        id="r"
        x1="45.243"
        x2="50.071"
        y1="44.615"
        y2="44.615"
        href="#b"
    />
    <linearGradient
        id="s"
        x1="39.586"
        x2="44.414"
        y1="50.272"
        y2="50.272"
        href="#b"
    />
    <linearGradient
        id="t"
        x1="33.929"
        x2="38.757"
        y1="55.929"
        y2="55.929"
        href="#b"
    />
    <linearGradient
        id="u"
        x1="28.272"
        x2="33.101"
        y1="61.586"
        y2="61.586"
        href="#b"
    />
    <g>
        <circle cx="60" cy="32" r="4" fill="url(#c)" />
        <circle cx="9" cy="9" r="9" fill="url(#a)" />
        <circle cx="9" cy="55" r="9" fill="url(#d)" />
        <path fill="url(#e)" d="M10 55V9l49 23z" />
        <circle cx="36" cy="21" r="7" fill="url(#b)" />
        <circle cx="36" cy="43" r="7" fill="url(#f)" />
        <path fill="url(#g)" d="M50 33h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z" />
        <path fill="url(#h)" d="M42 33h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z" />
        <path fill="url(#i)" d="M34 33h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z" />
        <path fill="url(#j)" d="M26 33h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z" />
        <path fill="url(#k)" d="M18 33h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z" />
        <path
            fill="url(#l)"
            d="M54.728 27.456a.997.997 0 0 1-.707-.293l-2.828-2.829a1 1 0 0 1 1.414-1.414l2.828 2.829a1 1 0 0 1-.707 1.707z"
        />
        <path
            fill="url(#m)"
            d="M49.071 21.799a.997.997 0 0 1-.707-.293l-2.828-2.828a1 1 0 0 1 1.414-1.414l2.828 2.828a1 1 0 0 1-.707 1.707z"
        />
        <path
            fill="url(#n)"
            d="M43.414 16.143a.997.997 0 0 1-.707-.293l-2.828-2.83a1 1 0 1 1 1.414-1.414l2.828 2.83a1 1 0 0 1-.707 1.707z"
        />
        <path
            fill="url(#o)"
            d="M37.757 10.485a.997.997 0 0 1-.707-.293l-2.828-2.828a1 1 0 1 1 1.414-1.414l2.828 2.828a1 1 0 0 1-.707 1.707z"
        />
        <path
            fill="url(#p)"
            d="M32.1 4.828a.997.997 0 0 1-.706-.293l-2.83-2.828A1 1 0 0 1 29.98.293l2.829 2.828a1 1 0 0 1-.707 1.707z"
        />
        <path
            fill="url(#q)"
            d="M51.9 41.373a1 1 0 0 1-.707-1.707l2.828-2.83a1 1 0 1 1 1.414 1.415l-2.828 2.83a.996.996 0 0 1-.707.292z"
        />
        <path
            fill="url(#r)"
            d="M46.243 47.03a1 1 0 0 1-.707-1.708l2.828-2.828a1 1 0 0 1 1.414 1.414l-2.828 2.828a.997.997 0 0 1-.707.293z"
        />
        <path
            fill="url(#s)"
            d="M40.586 52.687a1 1 0 0 1-.707-1.707l2.828-2.83a1 1 0 0 1 1.414 1.414l-2.828 2.83a.996.996 0 0 1-.707.293z"
        />
        <path
            fill="url(#t)"
            d="M34.929 58.343a1 1 0 0 1-.707-1.707l2.828-2.828a1 1 0 0 1 1.414 1.414l-2.828 2.828a.997.997 0 0 1-.707.293z"
        />
        <path
            fill="url(#u)"
            d="M29.272 64a1 1 0 0 1-.707-1.707l2.829-2.828a1 1 0 1 1 1.414 1.414l-2.829 2.828a.997.997 0 0 1-.707.293z"
        />
    </g>
</svg>