Is there any Unicode equivalent for a grid of icons symbol?

Question

Is there any such symbol that is similar in Unicode?

After all, I was able to find ☰ as a symbol, just wondering if there is anything similar to a grid of icons.

Backfill

If there is none, is there any free icon font service like the BootStrap icons? (In fact, do the BootStrap icons have any such symbol)? – Backfill

fortawesome.github.io/Font-Awesome/icon/th – Rabe

Nevermind, the BootStrap glyph "glyphicon glyphicon-th" services the purpose quite nicely- still wondering if there is a native Unicode symbol tho. – Backfill

@Rabe thanks, is it free? – Backfill

yes, font awesome is free to use. – Rabe

Cool! @Rabe might go with that. Thanks. – Backfill

Answer 1

No, there is not. You can check yourself the "Symbol, other" (So) list, and possibly the "Symbol, math (Sm) list" (and also other lists, if you deem it worthwhile).

The closest approximation I could find is U+25A6, i.e., ▦ (if your browser is able to display that)

Cockchafer

Answer 2

A couple of options not already mentioned are:

• Vertical Ellipsis (⋮), repeated 3 times (⋮⋮⋮)
• Ethiopic Tonal Mark Rikrik (᎒), repeated 3 times (᎒᎒᎒).

Retributive

this is a clever solution, it renders perfectly – Manuel

neither consists of squares that have vertical and horizontal sides, unfortunately – Cockchafer

@WalterTross, you wrote that "neither consists of squares that have vertical and horizontal sides" -- but the Ethiopic Tonal Mark Rikrik does include vertical and horizontal sides. You can see this in the enlarged version if you click the link for it in my answer. – Retributive

@JoeDeRose I think you are using an inexact font. Both what you see on this page and on the linked page is rendered according to the font in use. Here you can see the Unicode reference, and here is another rendering (as an image). – Cockchafer

Answer 3

Not exactly a grid of icons but character U+25A6, called "Square with Orthogonal Crosshatch Fill", is usually rendered as a 4x4 grid.

• ▦
• Unicode Group: Geometric Shapes
• Hex Code: ▦
• Decimal Code: ▦
• https://www.compart.com/en/unicode/U+25A6

There are also some Braille patterns you could use. The only problem being they only come in two columns. "Braille Pattern Dots-12345678" is rendered as two columns of four dots.

• ⣿
• Unicode Group: Braille Patterns
• Hex Code: ⣿
• Decimal Code: ⣿
• https://www.compart.com/en/unicode/U+28FF

You can put one after the next and modify the kerning. In CSS it would be letter-spacing: -.2em; for it to be precise. It would look like this:

<span style="letter-spacing: -.2em;">⣿⣿</span>

Bergeron

This display as ⣿⣿ for me. Are you missing the metacharset tag? – Thistle

@Thistle It depends on your environment. But, you are right. I will add the meta tag to avoid problems. – Bergeron

Answer 4

"Tetragram For Duties" 𝌠 https://www.compart.com/en/unicode/U+1d320

"Tetragram For Difficulties" 𝍔 https://www.compart.com/en/unicode/U+1d354

"Tetragram For Fostering" 𝍖 https://www.compart.com/en/unicode/U+1d356

Overliberal

Answer 5

There is no such symbol in unicode.

You can try compose this symbol from unicode square symbols:

<div class="grid">
    &#x25a0;&#x25a0;&#x25a0;<br />
    &#x25a0;&#x25a0;&#x25a0;<br />
    &#x25a0;&#x25a0;&#x25a0;
</div>

and then adjust font params, so everything fits in the way you like it:

.grid {
    font-size: 7pt;
    letter-spacing: 2px;
    line-height: 75%;
}

You can see this example working at http://jsfiddle.net/8ABxV/1/

I think that better idea however, is to use "th" symbol from font-awesome framework http://fortawesome.github.io/Font-Awesome/icon/th/

Sodomy

Answer 6

You can also use this sharp symbol

𐄹

Freeboot

actually that character is called 'AEGEAN WEIGHT SECOND SUBUNIT' (U+10139) (fileformat.info/info/unicode/char/10139/index.htm) – Cockchafer

Answer 7

Is there any such symbol that is similar in Unicode?

I wonder why nobody actually answered the question correctly for 10 years.

Yes, there is unicode symbol:

𓃑 nine dots | EGYPTIAN HIEROGLYPH D067H

Codepoint U+130D1
https://unicode-explorer.com/c/130D1

Eremite

Answer 8

1. Use ☰ char
2. Scale it horizontally to ~19%.
3. Stack 3 chars next to each other.

Weigle

Answer 9

I am using the following inline hack:

<span style="letter-spacing: -.6em">&#x22ee;&#x22ee;&#x22ee;</span>&nbsp;&nbsp;

(copy this without newlines)

It is three times the "vertical ellipsis" unicode character (⋮) with some spacing adjustment.

Bonsai

Answer 10

In VS Code using MarkDown, this works

<span style="letter-spacing: -em"><meta charset="utf-8">⋮⋮⋮</span> 

Add a leading and trailing   like:

Click on the 9 dot grid &nbsp;<span style="letter-spacing: -em"><meta charset="utf-8">⋮⋮⋮</span> &nbsp;that is located at the top left.

...And you should get:

Click on the 9 dot grid  ⋮⋮⋮  icon that is located at the top left.

9 dot grid with surrounding text example image

Drusi