Navigation

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 60 15"
>
    <path fill="#cfd8e5" d="M38.248 4H1v10h58V4z" />
    <path
        fill="#8492a5"
        d="m50.17 9.004 2.412-2.412 2.412 2.412-2.412 2.413z"
    />
    <path fill="#b4bfd1" d="M41 7h4v4h-4z" />
    <path fill="#0a2542" d="m16.6 7 2.4 4h-4.8z" />
    <circle cx="7" cy="9" r="2" fill="#e22b4a" />
    <path
        fill="#f4bc1c"
        d="M30.5 14a6.5 6.5 0 1 1 0-13c2.3 0 4.32 1.2 5.48 3a6.5 6.5 0 0 1-5.48 10z"
    />
    <g fill="none">
        <path d="M30.5 14H1V4h24.02M35.98 4H59v10H30.5" />
        <path
            d="M35.98 4A6.5 6.5 0 1 1 24 7.5c0-1.29.38-2.49 1.02-3.5 1.16-1.8 3.18-3 5.48-3s4.32 1.2 5.48 3z"
        />
        <circle cx="7" cy="9" r="2" />
        <path
            d="m14.2 11 2.4-4 2.4 4zM41 7h4v4h-4zM50.197 8.985l2.409-2.419 2.42 2.409-2.41 2.42z"
        />
    </g>
    <path
        d="M59 3H36.484c-1.422-1.882-3.612-3-5.984-3-2.37 0-4.558 1.116-5.983 3H1a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h58a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zM30.5 2c1.88 0 3.614.95 4.636 2.535A5.54 5.54 0 0 1 36 7.5c0 3.032-2.468 5.5-5.5 5.5S25 10.532 25 7.5c0-1.045.298-2.068.861-2.959A5.505 5.505 0 0 1 30.5 2zm-5.094 11.001L2 13V5.813c-.001-.659-.107-.804.586-.812.976-.012 1.952 0 2.928 0l11.711-.002 6.207-.001c-.967 2.744-.155 6.026 1.974 8.003zM58 13l-22.409.001c2.02-2.219 3.025-5.044 1.975-8.002L58 5z"
    />
    <path
        d="M7 6C5.346 6 4 7.346 4 9s1.346 3 3 3 3-1.346 3-3-1.346-3-3-3zm0 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2zM17.457 6.485c-.361-.602-1.354-.602-1.715 0l-2.399 4A1.001 1.001 0 0 0 14.2 12H19a.998.998 0 0 0 .857-1.515zM15.966 10l.634-1.057.633 1.057zM41 12h4a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1zm1-4h2v2h-2zM51.879 12.121a.997.997 0 0 0 1.414 0l2.414-2.414a.999.999 0 0 0 0-1.414l-2.414-2.414a.999.999 0 0 0-1.414 0l-2.414 2.414a.999.999 0 0 0 0 1.414zM52.586 8l1 1-1 1-1-1z"
    />
</svg>