Navigation

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <path
        fill="#5a5f64"
        d="M396 58.67v394.659c0 18.04-14.631 32.671-32.67 32.671H148.67c-18.04 0-32.67-14.631-32.67-32.671V58.67C116 40.63 130.63 26 148.67 26h214.66C381.369 26 396 40.63 396 58.67z"
    />
    <g fill="#3b3f41">
        <path
            d="M276 446c0-11.051-8.95-20-20-20s-20 8.949-20 20c0 11.05 8.95 20 20 20s20-8.95 20-20zM271 56h-35a5 5 0 1 1 0-10h35a5 5 0 1 1 0 10zM301 56h-10a5 5 0 1 1 0-10h10a5 5 0 1 1 0 10z"
        />
    </g>
    <path
        fill="#7aa0fb"
        d="M458.5 66c13.81 0 25 11.189 25 25 0 13.81-11.19 25-25 25-13.811 0-25-11.19-25-25 0-13.811 11.189-25 25-25z"
    />
    <circle cx="58.5" cy="426" r="30" fill="#df6426" />
    <circle cx="451" cy="163.5" r="7.5" fill="#ce3b0d" />
    <circle cx="446" cy="368.5" r="7.5" fill="#ce3b0d" />
    <circle cx="81" cy="263.5" r="7.5" fill="#6680e1" />
    <circle cx="56" cy="83.5" r="7.5" fill="#6680e1" />
    <path fill="#e4f4ff" d="M366 76v308.211H146V76z" />
    <path
        fill="#f4d844"
        d="M336 162.31V321l-51.311-38.814L256 241l-40-26.667L176 161h57.4c-.01.43-.02.87-.02 1.31 0 16.585 25.655 35.94 51.31 35.94S336 178.895 336 162.31z"
    />
    <path fill="#7aa0fb" d="M336 321H176l40-51.334L256 241z" />
    <path fill="#c6e14d" d="m256 241-80 80V161z" />
    <path fill="#cbe9fd" d="M146 376h220v30H146z" />
    <path
        fill="#df6426"
        d="M284.689 111c28.34 0 51.311 22.97 51.311 51.31 0 33.17-30.9 44.44-51.311 72.42-20.41-27.979-51.31-39.25-51.31-72.42.001-28.333 22.961-51.31 51.31-51.31zm27.521 51.31c0-15.16-12.36-27.52-27.521-27.52s-27.52 12.359-27.52 27.52 12.359 27.521 27.52 27.521 27.521-12.361 27.521-27.521z"
    />
</svg>