I want something like
0x2022 8226 BULLET •
But bigger.
I can't even seem to find them at http://www.ssec.wisc.edu/~tomw/java/unicode.html
What should I search for? Dots? bullets?
I want something like
0x2022 8226 BULLET •
But bigger.
I can't even seem to find them at http://www.ssec.wisc.edu/~tomw/java/unicode.html
What should I search for? Dots? bullets?
http://www.unicode.org is the place to look for symbol names.
● BLACK CIRCLE 25CF
⚫ MEDIUM BLACK CIRCLE 26AB
⬤ BLACK LARGE CIRCLE 2B24
or even:
🌑 NEW MOON SYMBOL 1F311
Good luck finding a font that supports them all. Only one shows up in Windows 7 with Chrome.
Here's a full list of black dotlike characters from Unicode:
number | character | HTML entity | Description |
---|---|---|---|
U+00B7 | · | · |
Middle Dot |
U+25CF | ● | ● |
Black Circle |
U+23FA | ⏺ | ⏺ |
Black Circle for Record Emoji |
U+26AB | ⚫ | ⚫ |
Medium Black Circle Emoji |
U+2B24 | ⬤ | ⬤ |
Black Large Circle |
U+29ED | ⧭ | ⧭ |
Black Circle with Down Arrow |
U+1F784 | 🞄 | 🞄 |
Black Slightly Small Circle |
U+2022 | • | • |
Black Small Circle |
U+2219 | ∙ | ∙ |
Bullet Operator |
U+22C5 | ⋅ | ⋅ |
Dot Operator |
U+1F311 | 🌑 | 🌑 |
New Moon Symbol Emoji |
U+30FB | ・ | ・ |
Katakana Middle Dot |
You can use a span with 50% border radius.
.mydot{
background: rgb(66, 183, 42);
border-radius: 50%;
display: inline-block;
height: 20px;
margin-left: 4px;
margin-right: 4px;
width: 20px;
}
<span class="mydot"></span>
You can search for “bullet” when using e.g. BabelPad (which has a Character Map where you can search by character name), but you will hardly find anything larger than U+2022 BULLET (though the size depends on font). Searching for “circle” finds many characters, too many, as the string appears in so many names. The largest simple circle is probably U+25CF BLACK CIRCLE “●”. If it’s too large U+26AB MEDIUM BLACK CIRCLE “⚫” might be suitable.
Beware that few fonts contain these characters.
A new problem has emerged with characters like MEDIUM BLACK CIRCLE, a problem that you may well see above. As noted in a comment, this character may look (much) larger than BLACK CIRCLE. The reason is that it may be rendered in “emoji style” as opposite to “text style”; this is explicitly mentioned in an annotation for the character in the Unicode Standard. In principle, you can use a Variation Selector (VS15 or VS16) character after the character to specify the style, but in practice it probably does not work. An explicit selection of font, e.g. Segoe UI Symbol (instead of Segoe UI Emoji) tends to be more successful.
If you are on Windows (Any Version)
Go to start -> then search character map
that's where you will find 1000s of characters with their Unicode in the advance view you can get more options that you can use for different encoding symbols.
Besides the already mentioned official Unicode site (which I personally find difficult to use), I frequently use the following websites to search for Unicode characters:
All three sites contain basic information about each character (such as Unicode codepoint, several encodings and HTML entities, different names for the character, Unicode version, etc.). They also have a search function that allows you to search by character name or number.
The first one also shows how to use the character in C/C++/Java or Python source code, and has a test page for browser support of each character.
The second one has a nice "copy" button that allows you to directly copy the Unicode character to clipboard, which may be convenient.
Depending on the font in use, the "Z notation spot" 1 2 might be what you're looking for.
I'm going to use markdown and redundant unordered lists to provide the best visual guide I can:
- ⟸ rendered via markdown for unordered lists
⦁ ⟸ `U+2981` Z notation spot • ⟸ `U+2022` bullet / • • ⟸ `U+2219` bullet operator ● ⟸ `U+25CF` black circle
- ⟸ rendered via markdown for unordered lists
⦁ ⟸
U+2981
Z notation spot
• ⟸U+2022
bullet /•
• ⟸U+2219
bullet operator
● ⟸U+25CF
black circle
- ⟸ rendered via markdown for unordered lists
Assuming you're seeing the same thing I'm seeing, in the Monospace font, the Z notation spot is slightly smaller, but in the normal font, the Z notation spot is slightly bigger.
However, in Discord, here's all those same characters again:
As you can see, here, the Z notation spot outside the codeblock as well as the black circle inside the codeblock are almost the same size as the bullet rendered by the unordered list.
Hopefully this was helpful to someone. I didn't see any mention of the Z notation spot in search results regarding filled circles in Unicode – I only found out about it from using shapecatcher (great tool, by the way).
Below is a snippet for achieving a centred text dot of any size, using the ·
entity in HTML context.
The dot size can be adjusted by the font size (font-size
).
The colour is inherited from the colour of the surrounding text.
.middot {
display: inline-block;
vertical-align: middle;
line-height: 0;
font-size: 5em;
}
Lorem <span class="middot">·</span> ipsum...