Hamburger_icon_css.html

<a href="#0" class="cd-nav-trigger"><span></span></a>
<style>
.cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after {
  /* hamburger icon in CSS */
  position: absolute;
  height: 3px;
  width: 24px;
  background: #ffffff;
}
.cd-nav-trigger span::before {
  /* menu icon top line */
  top: -6px;
}
.cd-nav-trigger span::after {
  /* menu icon bottom line */
  top: 6px;
}
.cd-nav-trigger span::before, .cd-nav-trigger span::after {
  /* other 2 lines */
  content: '';
  right: 0; 
}
.cd-nav-trigger
{
  position: fixed;
  height: 40px;
  width: 40px;
  background: #3e454c;
}
.cd-nav-trigger span {
  /* line in the center */
  top: 50%;
  left: 5px;

}
</style>