Unicode character on Android not displaying

The character denoted by ☰ does not appear in Android fonts, and its font coverage is relatively limited in other environments, too.

The basic options are using a downloadable font (web font) via @font-face and to use an image, suitably scaled to text size.

If this is the only “special” character you need, the image approach might be suitable: it is easy, and the shape of the character is so simple that it can be expected to scale well.

Using a downloadable font may produce better results especially if the character is used inline inside text. But you would probably need a font like Quivira or Symbola, which are large (> 1 Mbyte) free fonts, and this would seem to imply a disproportionate overhead if it’s just for one character.

For more info see my Guide to using special characters in HTML.

Its not defined for the current font. You can change the font to something where it is if you only care about your own device, but the only way to make sure its displayed on all devices is to use an image.

Why no one is suggesting the CSS3 method is beyond me. This is supported across almost all devices.

Here's a fiddle to see it in action, http://jsfiddle.net/328k7/.

Use CSS3 to create the trigram, like so:

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;
}