Navigation

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <circle cx="32" cy="32" r="31" fill="#677185" />
    <path
        fill="#5b6578"
        d="M34 3C16.879 3 3 16.879 3 34a30.883 30.883 0 0 0 8.104 20.896A30.885 30.885 0 0 0 32 63c17.121 0 31-13.879 31-31a30.883 30.883 0 0 0-8.104-20.896A30.885 30.885 0 0 0 34 3z"
    />
    <circle cx="32" cy="32" r="25" fill="#fff" />
    <path
        fill="#bdf16a"
        d="M25 20h3.5v36.75c1.144.161 2.312.25 3.5.25s2.356-.089 3.5-.25V20H39l-7-9z"
    />
    <path
        fill="#9eea4c"
        d="M27 20h3.5v36.75c.82.116 1.657.178 2.5.213.843-.035 1.68-.098 2.5-.213V20H39l-6-7.714z"
    />
    <path
        fill="#b4ffff"
        d="m50 31-9-7v3.5h-5.5a7 7 0 0 0-7 7v22.25c1.144.161 2.312.25 3.5.25s2.356-.089 3.5-.25V34.5H41V38z"
    />
    <path
        fill="#95fafa"
        d="M41 34.5V38l7.714-6L41 26v3.5h-5a6 6 0 0 0-6 6v21.25c1.144.161.812.25 2 .25s2.356-.089 3.5-.25V34.5z"
    />
    <path
        fill="#ffbe64"
        d="M28.5 36.5H23V33l-9 7 9 7v-3.5h5.5v13.25c1.144.161 2.312.25 3.5.25s2.356-.089 3.5-.25V43.5a7 7 0 0 0-7-7z"
    />
    <path
        fill="#faaa46"
        d="M23 38.5V35l-7.714 6L23 47v-3.5h7.5v13.445c.497.031.995.055 1.5.055 1.188 0 2.356-.089 3.5-.25V44.5a6 6 0 0 0-6-6z"
    />
</svg>