30 символов · копируйте свободно
Символы звёзд и сверкающих искр
В Unicode звёзд куда больше, чем кто-либо ожидает: обычная пара «залитая плюс контурная» для рейтингов, четырёх-, шести- и восьмиконечные варианты для украшения и длинный ряд спицевидных астерисков и искр в блоке Dingbats. Все они — текст, поэтому принимают ваш цвет и остаются чёткими при любом размере. Скопируйте любой символ ниже; рядом с каждым указаны его название Unicode и код.
Звёзды для рейтинга
Пара, на которой строится всё остальное. ★ против ☆ — это пятизвёздочный рейтинг в десяти символах обычного текста.
Четырёхконечные звёзды
По форме скорее искра, чем звезда. Обычный выбор для меток «новое», «магия» или «сгенерировано ИИ».
Многоконечные звёзды и вспышки
Шесть, восемь, двенадцать и шестнадцать лучей. Тяжелее и декоративнее — хороши для разделителей и украшений.
Спицевидные астериски и снежинки
Декоративные элементы из блока Dingbats. У ❄ и ❇ есть эмодзи-формы — добавьте U+FE0E, чтобы сохранить монохромность.
Нажмите на любой символ, чтобы скопировать его. Ничего не скачивается — это текстовые символы, а не изображения.
Блоки Unicode
- U+2605–U+2606 Разные символы
- U+2721–U+274A Дингбаты
Как использовать Символы звёзд
Соберите рейтинг из пары залитая/контурная
Повторите ★ по числу баллов и ☆ для остатка. Пять звёзд — это десять символов обычного текста, которые одинаково отображаются в письме, терминале, ячейке таблицы и на веб-странице.
Принудительно включайте текстовое представление у символов с эмодзи-формой
У ✴ ✳ ❄ ❇ есть эмодзи-формы. Добавьте селектор варианта U+FE0E, чтобы сохранить монохромность и возможность раскраски; без него они приходят уже раскрашенными и игнорируют ваш CSS.
Используйте четырёхконечные звёзды для блеска, пятиконечные — для рейтинга
✦ и ✧ читаются как блик или подсветка; ★ читается как оценка. Их перепутывание — самая частая ошибка: четырёхконечная звезда в строке рейтинга выглядит украшением, а не значением.
Подписывайте рейтинг для программ чтения с экрана
Программа чтения с экрана озвучит ★★★☆☆ как пять отдельных названий звёзд. Оберните строку в 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