30 символов · копируйте свободно

Символы звёзд и сверкающих искр

В Unicode звёзд куда больше, чем кто-либо ожидает: обычная пара «залитая плюс контурная» для рейтингов, четырёх-, шести- и восьмиконечные варианты для украшения и длинный ряд спицевидных астерисков и искр в блоке Dingbats. Все они — текст, поэтому принимают ваш цвет и остаются чёткими при любом размере. Скопируйте любой символ ниже; рядом с каждым указаны его название Unicode и код.

Звёзды для рейтинга

Пара, на которой строится всё остальное. ★ против ☆ — это пятизвёздочный рейтинг в десяти символах обычного текста.

Четырёхконечные звёзды

По форме скорее искра, чем звезда. Обычный выбор для меток «новое», «магия» или «сгенерировано ИИ».

Многоконечные звёзды и вспышки

Шесть, восемь, двенадцать и шестнадцать лучей. Тяжелее и декоративнее — хороши для разделителей и украшений.

Спицевидные астериски и снежинки

Декоративные элементы из блока Dingbats. У ❄ и ❇ есть эмодзи-формы — добавьте U+FE0E, чтобы сохранить монохромность.

Нажмите на любой символ, чтобы скопировать его. Ничего не скачивается — это текстовые символы, а не изображения.

Блоки Unicode

  • U+2605–U+2606 Разные символы
  • U+2721–U+274A Дингбаты

Как использовать Символы звёзд

01

Соберите рейтинг из пары залитая/контурная

Повторите ★ по числу баллов и ☆ для остатка. Пять звёзд — это десять символов обычного текста, которые одинаково отображаются в письме, терминале, ячейке таблицы и на веб-странице.

02

Принудительно включайте текстовое представление у символов с эмодзи-формой

У ✴ ✳ ❄ ❇ есть эмодзи-формы. Добавьте селектор варианта U+FE0E, чтобы сохранить монохромность и возможность раскраски; без него они приходят уже раскрашенными и игнорируют ваш CSS.

03

Используйте четырёхконечные звёзды для блеска, пятиконечные — для рейтинга

✦ и ✧ читаются как блик или подсветка; ★ читается как оценка. Их перепутывание — самая частая ошибка: четырёхконечная звезда в строке рейтинга выглядит украшением, а не значением.

04

Подписывайте рейтинг для программ чтения с экрана

Программа чтения с экрана озвучит ★★★☆☆ как пять отдельных названий звёзд. Оберните строку в aria-hidden и укажите реальное значение рядом обычным текстом, например «3 из 5».

О «Символы звёзд»

Простая пара звёзд на U+2605 и U+2606 — одна из самых часто используемых комбинаций символов в вебе, потому что рейтинг, построенный из них, по-настоящему переносим. Он не требует ни картинок, ни шрифта иконок, ни JavaScript, переживает копирование в письмо с обычным текстом или в таблицу и наследует тот цвет, что задан окружающему тексту. Пятизвёздочный рейтинг — это десять символов, меньше, чем URL картинки, которая иначе бы его рисовала.

За пределами этой пары большинство звёзд Unicode живёт в блоке Dingbats, целиком унаследованном от шрифта Zapf Dingbats, созданного Германом Цапфом в 1978 году. Именно поэтому названия такие специфичные и странные: «heavy teardrop-spoked asterisk» и «eight teardrop-spoked propeller asterisk» описывают конкретные глифы из печатного шрифта, а не категории, которые кто-то придумал бы сегодня. Это также значит, что формы по-настоящему хорошо нарисованы — их создал мастер-типограф для профессионального набора текста.

Число лучей несёт смысл, который стоит уважать. Пять лучей читаются как рейтинг или награда. Четыре — как блик, искра или, всё чаще, как метка чего-то, сгенерированного ИИ. Шесть — как снежинка или роза ветров. Восемь и больше — как вспышки и украшения. Выбор неверного числа лучей — не ошибка отображения, но он незаметно меняет то, что читатель поймёт из символа.

Четырём символам из этого набора — ✴ ✳ ❄ ❇ — позже добавили эмодзи-представление, и это регулярная ловушка во всех старых символьных блоках Unicode. На многих платформах они приходят эмодзи фиксированного цвета, полностью игнорирующим CSS, что ломает монохромный дизайн. Селектор текстового варианта U+FE0E, поставленный сразу после символа, восстанавливает текстовый глиф. Этот сайт применяет этот селектор к каждому символу с двойным представлением, который отрисовывает, поэтому его звёзды светятся акцентным цветом страницы, а не приходят уже раскрашенными.

Игры, нарисованные этими символами

Каждое игровое поле на этом сайте сделано из Unicode, а не из спрайтов. Эти игры используют символы, показанные выше.

Часто задаваемые вопросы

Как сделать рейтинг из звёзд текстом?

Повторите ★ по числу заработанных баллов и ☆ для остатка — ★★★☆☆ это три из пяти. Не нужны ни картинки, ни JavaScript, рейтинг чисто копируется в обычный текст и принимает ваш CSS-цвет. Для доступности скройте строку через aria-hidden и укажите значение словами рядом.

В чём разница между ★ и ✦?

В числе лучей и связанном с ним значении. У ★ пять лучей, и она читается как рейтинг или награда; у ✦ четыре, и она читается как искра, блик или подсветка. Использование четырёхконечной звезды в строке рейтинга делает её похожей на украшение, а не на оценку.

Почему моя звезда отображается цветным эмодзи?

У нескольких звёзд — ✴ ✳ ❄ ❇ — есть эмодзи-представление, которое некоторые платформы используют по умолчанию. Добавьте селектор текстового варианта U+FE0E сразу после символа, чтобы принудительно включить монохромный глиф. У обычных ★ и ☆ эмодзи-формы нет, они всегда безопасны.

Можно ли изменить цвет символа звезды?

Да, если используется текстовое представление, а не эмодзи. Звёзды — обычные символы, поэтому применяется CSS-свойство `color`, и они масштабируются как текст: золотая ★ — это значение цвета, а не файл изображения.

Откуда взялись такие необычные названия звёзд?

Блок Dingbats был заимствован из шрифта Zapf Dingbats, созданного Германом Цапфом в 1978 году, поэтому названия Unicode описывают исходные печатные глифы. Именно поэтому встречаются такие записи, как «heavy teardrop-spoked asterisk», — названия унаследованы из печатного набора, а не придуманы как категории.

Support the arcade

Нравятся игры?

UnicodeGames бесплатен, без рекламы и всегда таким останется. Если игра скрасила вам перерыв на кофе, можете отплатить тем же.

Угостить меня кофе

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