What is the relative icon for the character "☰" in HTML code?

Question

I want to use the hamburger character ☰ as an icon for the mobile menu. I don't want to use an image icon or external font.

So what is the relative icon for this character "☰" in HTML code? for example &burger;?

Answer 1

You can make it using pure css

Check this fiddle

CSS

div {
    content: "";
    position: absolute;
    left: 0;
    display: block;
    width: 16px;
    top: 0;
    height: 0;
    -webkit-box-shadow: 1px 10px 1px 1px #69737d,1px 16px 1px 1px     #69737d,1px 22px 1px 1px #69737d;
    box-shadow: 0 10px 0 1px #69737d,0 16px 0 1px #69737d,0 22px 0 1px #69737d;
}