185

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?

8 Answers 8

274

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.

5
  • 2
    These links contain some more info like HTML entities for these four characters: fileformat.info/info/unicode/char/25cf fileformat.info/info/unicode/char/26ab fileformat.info/info/unicode/char/2b24 fileformat.info/info/unicode/char/1f311 Commented Aug 30, 2013 at 8:12
  • 2
    Beware of semantics under various fonts (if that is beyond your control on receivers device): A circle will (should) always be a circle in any font. A bullet might be a square or even a brush stroke depending on font family... there's certainly even more leeway for interpretation of „new moon“...
    – Frank N
    Commented Jan 17, 2017 at 8:58
  • 2
    It looks like another inherited thing: the Medium ⚫ is larger than the Large ⬤! Came here on an attempt to find something larger than the Large Circle and what a surprise - it turned out to be the Medium Circle! =) Thank you, Mark!
    – Mar
    Commented May 3, 2019 at 18:05
  • 1
    @Mar This depends on your environment. E.g. in Windows 10's Notepad, Large Circle is bigger than Medium. But not in Chrome on the same OS.
    – bjornte
    Commented Dec 6, 2019 at 10:17
  • remember to write it like "\u2B24" in your strings Commented Nov 30, 2021 at 6:21
206

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
0
32

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>

2
  • 1
    I like this solution, slower but you can control position and size or color more directly. Commented Nov 6, 2018 at 15:46
  • @MatasVaitkevicius The question doesn't specify this being about website building so a HTML/CSS answer is completely irrelevant.
    – ruohola
    Commented Nov 5, 2021 at 11:39
23

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.

1
  • 1
    Note that on many systems the Medium Black Circle Emoji (⚫) is actually larger than the Black Circle (●).
    – wovano
    Commented Oct 3, 2021 at 10:00
3

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.

1

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.

0

Depending on the font in use, the "Z notation spot" 12 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 / &bull;
• ⟸ `U+2219` bullet operator
● ⟸ `U+25CF` black circle
  • ⟸ rendered via markdown for unordered lists

⦁  ⟸ U+2981 Z notation spot
•  ⟸ U+2022 bullet / &bull;
•  ⟸ 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).

0

Below is a snippet for achieving a centred text dot of any size, using the &middot; 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">&middot;</span> ipsum...

Not the answer you're looking for? Browse other questions tagged or ask your own question.