Navigation

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="c"
        x1="12.5"
        x2="59.5"
        y1="1.5"
        y2="48.5"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#bcc0d1" />
        <stop offset="1" stop-color="#838aaa" />
    </linearGradient>
    <linearGradient
        id="a"
        x1="33.25"
        x2="49.25"
        y1="23.75"
        y2="39.75"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#a6d189" />
        <stop offset="1" stop-color="#72994d" />
    </linearGradient>
    <linearGradient
        id="d"
        x1="10.115"
        x2="31.115"
        y1="3.885"
        y2="24.885"
        href="#a"
    />
    <linearGradient id="e" x1="50" x2="59.5" y1="39" y2="48.5" href="#a" />
    <linearGradient id="f" x1="44" x2="59" y1="12" y2="27" href="#a" />
    <linearGradient
        id="b"
        x1="25.463"
        x2="60.463"
        y1="8.537"
        y2="43.537"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#eef4ff" />
        <stop offset="1" stop-color="#d4e5ff" />
    </linearGradient>
    <linearGradient
        id="g"
        x1=".671"
        x2="25.329"
        y1="31.671"
        y2="56.329"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#7f7f99" />
        <stop offset="1" stop-color="#515072" />
    </linearGradient>
    <linearGradient id="h" x1="1.5" x2="24.5" y1="32.5" y2="55.5" href="#b" />
    <linearGradient
        id="i"
        x1="8.795"
        x2="17.205"
        y1="38.784"
        y2="47.195"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ff847a" />
        <stop offset="1" stop-color="#f66" />
    </linearGradient>
    <linearGradient
        id="j"
        x1="11.586"
        x2="14.414"
        y1="41.586"
        y2="44.414"
        href="#b"
    />
    <linearGradient
        id="k"
        x1="5.88"
        x2="54.294"
        y1="6.707"
        y2="55.121"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#665757" />
        <stop offset="1" stop-color="#2e2727" />
    </linearGradient>
    <g>
        <g>
            <path
                fill="url(#c)"
                d="M61 47H49l-13-4-13 4-12-4V3l12 4 13-4 13 4h12z"
            />
            <path fill="url(#a)" d="M49 40V27l-13-3-5 2v8l5-2z" />
            <path fill="url(#d)" d="M31 4.54V25l-8 2-12-2V3l12 4z" />
            <path fill="url(#e)" d="M61 47H49v-7l12 1z" />
            <path fill="url(#f)" d="m61 13-12 2-5-3-3 13 8 2 12-2z" />
            <path
                fill="url(#b)"
                d="m49 17 12-2v-4l-12 2-3-2 .93-4.64-3.96-1.22L39 23l-3-1-3 1V3.92l-4 1.23V23l-6 2-12-2v4l12 2 6-2v18.15l4-1.23V35l3-1 11 7v5.38l2 .62h2v-5l10 1v-4l-10-1v-9l10-2v-4l-12 2-6-2 2-8zm-2 12v8l-11-7-3 1v-4l3-1z"
            />
            <rect width="20" height="34" x="3" y="27" fill="url(#g)" rx="4" />
            <path fill="url(#h)" d="M3 31h20v26H3z" />
            <path
                fill="url(#i)"
                d="M19 43.222C19 46.659 13 51 13 51s-6-4.341-6-7.778A6.114 6.114 0 0 1 13 37a6.114 6.114 0 0 1 6 6.222z"
            />
            <circle cx="13" cy="43" r="2" fill="url(#j)" />
            <path
                fill="url(#k)"
                d="M19 26H7a5.006 5.006 0 0 0-5 5v26a5.006 5.006 0 0 0 5 5h12a5.006 5.006 0 0 0 5-5V31a5.006 5.006 0 0 0-5-5zM4 56V32h18v24zm3-28h12a3 3 0 0 1 2.816 2H4.184A3 3 0 0 1 7 28zm12 32H7a3 3 0 0 1-2.816-2h17.632A3 3 0 0 1 19 60zm-6-24a7.123 7.123 0 0 0-7 7.223c0 3.836 5.757 8.112 6.414 8.588a1 1 0 0 0 1.172 0c.657-.476 6.414-4.752 6.414-8.588A7.123 7.123 0 0 0 13 36zm0 13.745c-1.747-1.386-5-4.4-5-6.522A5.121 5.121 0 0 1 13 38a5.121 5.121 0 0 1 5 5.223c0 1.941-2.857 4.841-5 6.522zM13 40a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1zM6.371 18.778a1 1 0 0 1-.148-1.408A8.766 8.766 0 0 1 13 14a8.766 8.766 0 0 1 6.777 3.37 1 1 0 0 1-1.554 1.26A6.684 6.684 0 0 0 13 16a6.684 6.684 0 0 0-5.223 2.63 1 1 0 0 1-1.406.148zM13 20a3.383 3.383 0 0 0-2.689 1.585 1 1 0 1 1-1.622-1.17A5.388 5.388 0 0 1 13 18a5.388 5.388 0 0 1 4.311 2.415 1 1 0 1 1-1.622 1.17A3.383 3.383 0 0 0 13 20zm0 2a1 1 0 1 1-.01 0zM61 6H49.15l-5.941-1.827c-.008 0-.014-.008-.022-.01h-.01l-6.883-2.118a1.015 1.015 0 0 0-.588 0L23.012 5.952l-11.7-3.9a.987.987 0 0 0-.9.137A1 1 0 0 0 10 3v8a1 1 0 0 0 2 0V4.389L22.684 7.95a.993.993 0 0 0 .61.007L28 6.509V22.28l-4.317 1.442A1 1 0 0 0 24 25.67a.975.975 0 0 0 .317-.052l5-1.669A1 1 0 0 0 30 23V5.894l2-.616V23a1 1 0 0 0 1 1 .981.981 0 0 0 .316-.051l2.684-.9 2.684.9a1 1 0 0 0 1.292-.732L43.71 6.42l2.061.634-.751 3.746a1 1 0 0 0 .425 1.028l3 2A.994.994 0 0 0 49 14a1.146 1.146 0 0 0 .165-.013L60 12.181v1.972L49.156 15.96l-3.709-1.854a1 1 0 0 0-1.417.652l-2 8a1 1 0 0 0 .654 1.191l6 2A1 1 0 0 0 49 26a1.146 1.146 0 0 0 .165-.013L60 24.181v2l-9.2 1.839a1 1 0 0 0-.8.98v9a1 1 0 0 0 .9.994l9.1.956v1.95l-8.9-.89a1.015 1.015 0 0 0-.771.254A1 1 0 0 0 50 42v4h-.85L48 45.646V41a1 1 0 0 0-.463-.843l-11-7a.986.986 0 0 0-.853-.1l-3 1A1 1 0 0 0 32 35v8.185l-2 .615V27a1 1 0 0 0-1.316-.948l-3 1a1 1 0 1 0 .632 1.9L28 28.388v16.028l-1.294.4a1 1 0 0 0 .588 1.912L36 44.046l12.706 3.91A.974.974 0 0 0 49 48h12a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1zM35.706 42.044 34 42.569v-6.848l1.865-.621L46 41.549v3.482l-9.706-2.987a1.015 1.015 0 0 0-.588 0zM38.265 21.7l-1.949-.649a1 1 0 0 0-.632 0L34 21.613V4.663l2-.616 5.793 1.783zm10.961-9.752-2.114-1.408.581-2.895 1.013.312A.943.943 0 0 0 49 8h11v2.153zm-.145 12.024L44.2 22.344l1.473-5.892 2.88 1.448a1.015 1.015 0 0 0 .612.092L60 16.181v5.972zM52 37.1v-7.28l8-1.6v9.72zm0 8.9v-2.894l8 .8V46zM33.316 31.949l2.549-.849 10.6 6.744A1 1 0 0 0 48 37v-8a1 1 0 0 0-.737-.965l-11-3a1.01 1.01 0 0 0-.579.017l-3 1A1 1 0 0 0 32 27v4a1 1 0 0 0 1.316.949zM34 27.721l2.029-.677L46 29.764v5.415l-9.463-6.022A.994.994 0 0 0 36 29a.983.983 0 0 0-.316.052L34 29.613z"
            />
        </g>
    </g>
</svg>