menu-button.html

<!-- created menu icon today (2020-12-12), based on the hamburger menu -->
<button class="menu-button" type="button">

  <svg 
    viewBox="0 0 1175 794"
    role="image"
    class="menu-icon" 
    aria-labelledby="menu-icon-title"
    focusable="false"
    xmlns="http://www.w3.org/2000/svg" 
    fill-rule="evenodd" 
    clip-rule="evenodd" 
    stroke-linejoin="round" 
    stroke-miterlimit="2"
  >
    <g fill-rule="nonzero">
      <title id="menu-icon-title">Menu</title>
      <path d="M0 791.664V585h1173.6v208.333L0 791.664zM1173.6 291.667v109.8c0 19.8-4.35 37.4-13.05 52.8-8.7 15.4-20.95 27.5-36.75 36.3-15.8 8.8-34.4 13.2-55.8 13.2-21.2 0-39.75-4.4-55.65-13.2-15.9-8.8-28.2-20.9-36.9-36.3-8.7-15.4-13.05-33-13.05-52.8v-109.8h32.4v108.6c0 14 2.433 27.233 8.933 38.033s13.9 18.8 25 25c11.1 6.2 25.984 10.417 39.584 10.417 14.4 0 28.283-4.217 39.583-10.417 11.3-6.2 20.683-14.2 27.083-25 6.4-10.8 7.717-24.033 7.717-38.033v-108.6h30.9zM824.4 291.967h32.4v210h-32.7L662.067 337.218c-.199 13.209.033 164.749.033 164.749h-32.4v-210h32.1l162.767 169.25c-.275-9.719-.167-169.25-.167-169.25zM353.021 416.111v-42.566h174.3v42.91l-174.3-.344zM353.021 499.656V457.09h174.3V500l-174.3-.344zM353.64 334.233v-42.566h174.3v42.91l-174.3-.344zM31.8 291.967l90 111.3 90-111.3h31.8v210l-31.533-.125V413.3c0-13 .073-60.111 0-71.875L131.7 441.667h-19.8l-80.042-99.2c.245 11.627 0 58.875 0 71.875v87.5L0 501.967v-210h31.8zM0 206.664V0h1173.6v208.333L0 206.664z"/>
    </g>
  </svg>

</button>