30 znaków · darmowe do skopiowania

Symbole gwiazdek i błysków

Unicode ma więcej gwiazdek, niż ktokolwiek się spodziewa — zwykłą parę wypełniona-pusta do ocen, warianty cztero-, sześcio- i ośmioramienne do dekoracji oraz długi ciąg promienistych gwiazdek-asterisków i błysków w bloku Dingbats. Wszystkie są tekstem, więc przejmują twój kolor i pozostają ostre w każdym rozmiarze. Skopiuj dowolny znak poniżej; każdy jest opisany swoją nazwą Unicode i punktem kodowym.

Gwiazdki ocen

Para, na której zbudowane jest wszystko inne. ★ przeciwko ☆ to pięciogwiazdkowa ocena w dziesięciu znakach zwykłego tekstu.

Gwiazdki czteroramienne

Kształt bardziej błysku niż gwiazdy. Zwykły wybór na oznaczenia „nowość”, „magia” albo treści wygenerowane przez AI.

Gwiazdki wieloramienne i rozbłyski

Sześć, osiem, dwanaście i szesnaście ramion. Cięższe i bardziej ozdobne — dobre do separatorów i ozdobników.

Promieniste asteriski i płatki śniegu

Ozdobniki z bloku Dingbats. ❄ i ❇ mają formy emoji — dodaj U+FE0E, by pozostały monochromatyczne.

Kliknij dowolny znak, aby go skopiować. Nic nie jest pobierane — to znaki tekstowe, a nie obrazki.

Bloki Unicode

  • U+2605–U+2606 Różne Symbole
  • U+2721–U+274A Dingbaty

Jak używać — Symbole Gwiazdek

01

Zbuduj ocenę z pary wypełniona/pusta

Powtórz ★ dla zdobytych punktów i ☆ dla reszty. Pięć gwiazdek to dziesięć znaków zwykłego tekstu, które wyświetlają się identycznie w e-mailu, terminalu, komórce arkusza kalkulacyjnego i na stronie internetowej.

02

Wymuś prezentację tekstową na tych zdolnych do emoji

✴ ✳ ❄ ❇ wszystkie mają formy emoji. Dodaj selektor wariantu U+FE0E, by pozostały monochromatyczne i kolorowalne; bez niego przychodzą już pokolorowane i ignorują twój CSS.

03

Używaj gwiazdek czteroramiennych do błysku, pięcioramiennych do oceny

✦ i ✧ czytają się jako połysk albo podświetlenie; ★ czyta się jako wynik. Zamiana ich miejscami to najczęstsze nadużycie — gwiazdka czteroramienna w rzędzie ocen wygląda jak dekoracja, a nie wartość.

04

Opisz ocenę dla czytników ekranu

Czytnik ekranu ogłosi ★★★☆☆ jako pięć osobnych nazw gwiazdek. Opakuj rząd atrybutem aria-hidden i umieść rzeczywistą wartość w sąsiednim tekście, na przykład „3 na 5”.

O Symbole Gwiazdek

Zwykła para gwiazdek pod U+2605 i U+2606 to jedna z najczęściej wykorzystywanych kombinacji znaków w sieci, ponieważ zbudowana z nich ocena jest naprawdę przenośna. Nie potrzebuje ani obrazków, ani czcionki ikon, ani JavaScriptu, przetrwa skopiowanie do zwykłego tekstowego e-maila albo arkusza kalkulacyjnego i przejmuje dowolny kolor otaczającego tekstu. Ocena pięciogwiazdkowa to dziesięć znaków — mniej niż adres URL obrazka, który musiałby ją narysować w inny sposób.

Poza tą parą większość gwiazdek Unicode mieszka w bloku Dingbats, odziedziczonym w całości po kroju Zapf Dingbats zaprojektowanym przez Hermanna Zapfa w 1978 roku. Dlatego nazewnictwo jest tak specyficzne i tak dziwne: „heavy teardrop-spoked asterisk” czy „eight teardrop-spoked propeller asterisk” opisują rzeczywiste glify z drukarskiego kroju pisma, a nie kategorie, które ktokolwiek wymyśliłby dzisiaj. Oznacza to też, że kształty są naprawdę dobrze narysowane — stworzył je mistrz typografii z myślą o profesjonalnym składzie.

Liczba ramion niesie znaczenie, które warto uszanować. Pięć ramion czyta się jako ocena albo nagroda. Cztery ramiona czytają się jako błysk, połysk albo, coraz częściej, jako oznaczenie czegoś wygenerowanego przez AI. Sześć ramion czyta się jako płatek śniegu albo róża wiatrów. Osiem i więcej czyta się jako rozbłyski i ozdobniki. Wybór złej liczby ramion nie jest błędem renderowania, ale po cichu zmienia to, co czytelnik pomyśli, że miałeś na myśli.

Cztery znaki z tego zestawu — ✴ ✳ ❄ ❇ — później otrzymały prezentacje emoji, co jest powtarzającą się pułapką we wszystkich starszych blokach symboli Unicode. Na wielu platformach przychodzą jako emoji w stałym kolorze, które całkowicie ignoruje CSS, psując monochromatyczny projekt. Selektor wariantu tekstowego U+FE0E, umieszczony bezpośrednio po znaku, przywraca glif tekstowy. Ta strona stosuje ten selektor do każdego renderowanego przez siebie znaku o podwójnej prezentacji, dlatego jej gwiazdki świecą kolorem akcentu strony zamiast pojawiać się już pokolorowane.

Gry narysowane tymi znakami

Każda plansza na tej stronie powstaje z Unicode, a nie z obrazków. Te poniżej korzystają ze znaków przedstawionych powyżej.

Najczęściej zadawane pytania

Jak zrobić ocenę gwiazdkową w tekście?

Powtórz ★ dla zdobytych gwiazdek i ☆ dla reszty — ★★★☆☆ to trzy na pięć. Nie potrzebuje ani obrazków, ani JavaScriptu, czysto kopiuje się do zwykłego tekstu i przejmuje twój kolor z CSS. Dla dostępności ukryj rząd atrybutem aria-hidden i podaj wartość słownie w pobliżu.

Jaka jest różnica między ★ a ✦?

Liczba ramion, a wraz z nią znaczenie. ★ ma pięć ramion i czyta się jako ocena albo nagroda; ✦ ma cztery i czyta się jako błysk, połysk albo podświetlenie. Użycie gwiazdki czteroramiennej w rzędzie ocen sprawia, że wygląda ozdobnie, a nie jak wynik.

Dlaczego moja gwiazdka pokazuje się jako kolorowe emoji?

Kilka gwiazdek — ✴ ✳ ❄ ❇ — ma prezentacje emoji, których niektóre platformy używają domyślnie. Dodaj selektor wariantu tekstowego U+FE0E zaraz po znaku, by wymusić monochromatyczny glif. Zwykłe ★ i ☆ nie mają formy emoji i zawsze są bezpieczne.

Czy mogę zmienić kolor symbolu gwiazdki?

Tak, pod warunkiem że masz prezentację tekstową, a nie emoji. Gwiazdki to zwykłe znaki, więc działa na nie CSS `color` i skalują się jak typografia — złota ★ to wartość koloru, a nie plik graficzny.

Skąd biorą się te wszystkie nietypowe nazwy gwiazdek?

Blok Dingbats przejęto z kroju Zapf Dingbats Hermanna Zapfa z 1978 roku, więc nazwy Unicode opisują oryginalne, wydrukowane glify. Dlatego trafiają się pozycje takie jak „heavy teardrop-spoked asterisk” — nazwy są odziedziczone po składzie drukarskim, a nie zaprojektowane jako kategorie.

Support the arcade

Podobają Ci się gry?

UnicodeGames jest darmowy, nie ma reklam i nigdy nie będzie ich mieć. Jeśli umilił Ci przerwę na kawę, możesz się odwdzięczyć.

Postaw mi kawę

One-off · No account needed · Handled by Buy Me a Coffee