Improve pseudo hamburguer icon

[robsonsobral]

Original report by sobral (Bitbucket: sobral, GitHub: robsonsobral).

---

https://timkadlec.com/2012/08/mobile-navigation-icons/

https://gist.github.com/tkadlec/3091105

‌

.border-menu {
  position: relative;
  padding-left: 1.25em;
}

.border-menu:before {
  content: "";
  position: absolute;
  top: 0.25em;
  left: 0;
  width: 1em;
  height: 0.125em;
  border-top: 0.375em double #000;
  border-bottom: 0.125em solid #000;
  box-sizing: content-box;
}

‌

[robsonsobral]

Original comment by sobral (Bitbucket: sobral, GitHub: sobral).

---

Maybe an image?

<svg
  class="icon icon-menu-toggle"
  aria-hidden="true"
  version="1.1"
  xmlns="http://www.w3.org/2000/svg"
  xmlns:xlink="http://www.w3.org/1999/xlink"
  x="0px"
  y="0px"
  viewBox="0 0 100 100"
  width="100"
  height="100"
>
  <g class="svg-menu-toggle">
    <path
      class="line line--1"
      d="M5 13h90v14H5z"
    />
    <path
      class="line line--2"
      d="M5 43h90v14H5z"
    />
    <path
      class="line line--3"
      d="M5 73h90v14H5z"
    />
  </g>
</svg>

‌