CODEWITHSUNDEEP
htmlimagegridsymbols
user3399717
user3399717

Reputation: 165

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

Sample image

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.

Upvotes: 15

Views: 11409

Answers (10)

JP de la Torre
JP de la Torre

Reputation: 1761

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

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.

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:

Dot Matrix

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

Upvotes: 7

konieckropka
konieckropka

Reputation: 529

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

Upvotes: 3

user1318499
user1318499

Reputation: 1354

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

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

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

Upvotes: 4

ill13
ill13

Reputation: 29

In VS Code using MarkDown, this works

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

Add a leading and trailing &nbsp; 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

Upvotes: 0

Joe DeRose
Joe DeRose

Reputation: 3558

A couple of options not already mentioned are:

Upvotes: 16

Armin Rigo
Armin Rigo

Reputation: 12990

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.

Upvotes: 0

bartek
bartek

Reputation: 3021

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

Upvotes: 0

Vitaly Zdanevich
Vitaly Zdanevich

Reputation: 14906

You can also use this sharp symbol

𐄹

Upvotes: 2

Paweł Gołąb
Paweł Gołąb

Reputation: 189

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/

Upvotes: 2

Walter Tross
Walter Tross

Reputation: 12654

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)

Upvotes: 13

Related Questions