Черный квадрат

Эмодзи из темы «Знаки › Фигуры», по-английски black medium square, в стандарте с версии Emoji 0.6 (2010 год). Ниже все записи для HTML, CSS и JavaScript, похожие знаки и ответы на частые вопросы.

Все записи знака

Одна и та же картинка в разных языках записывается по-разному: HTML берёт числовые ссылки, CSS обратную косую черту с шестнадцатеричным номером, JavaScript и Python свои экраны. Кнопка справа копирует запись целиком.

Символ◼
Названиечерный квадрат
По-английскиblack medium square
Ключевые словагеометрия средний фигура
ЮникодU+25FC
HTML десятичный◼
HTML шестнадцатеричный◼
Мнемоника HTML5◼
CSS content"\25FC"
JavaScript"\u25FC"
Python"\u25FC"
URL-кодирование%E2%97%BC
Байты UTF-8E2 97 BC
Единицы UTF-1625FC
Категория Юникодаматематический символ (Sm)
Блок ЮникодаGeometric Shapes
ПоявилосьEmoji 0.6, 2010 год
Тема каталогаЗнаки › Фигуры

Как вставить

Три готовых фрагмента под этот знак: пункт списка в HTML, псевдоэлемент в CSS и строка в JavaScript. У знака два вида: текстовый чёрно-белый по умолчанию и цветное эмодзи с селектором FE0F; коды обоих ниже, в разделе вариантов.

HTML
<li>&#9724; черный квадрат</li>
CSS
.icon::before {
  content: "\25FC";
  margin-right: 6px;
}
JavaScript
const sign = "\u25FC"; // ◼
button.textContent = sign + " черный квадрат";

Варианты и части знака

Текстовый и цветной вид переключает селектор FE0F: без него знак остаётся чёрно-белым.

◼текстовый вид&#9724;
◼️цветной вид, с FE0F&#9724;&#65039;

Похожие знаки

◻белый квадрат◾небольшой черный квадрат◽небольшой белый квадрат▪черный квадратик▫белый квадратик🔶большой оранжевый ромб🔷большой голубой ромб🔸небольшой оранжевый ромб🔹небольшой голубой ромб🔺треугольник вершиной вверх🔻треугольник вершиной вниз💠ромб с точкой

Вся тема «Знаки › Фигуры» и остальные знаки — в каталоге HTML-иконок и эмодзи, там же поиск по имени, коду и символу.

Частые вопросы

Как скопировать эмодзи «черный квадрат»

Нажмите «Скопировать знак» под заголовком: в буфер попадёт сам символ ◼. Для вставки в код страницы удобнее HTML-код &#9724;, он переживёт любую кодировку и почтовую рассылку.

Какой HTML-код у знака «черный квадрат»

Десятичный &#9724;, шестнадцатеричный &#x25FC;, мнемоника &FilledSmallSquare;. Все записи дают один знак; шестнадцатеричная совпадает с номером U+25FC в таблицах Юникода.

Как поставить «черный квадрат» через CSS

В свойстве content у псевдоэлемента: .icon::before { content: "\25FC"; }. После кода ставьте пробел или сразу закрывайте кавычку, иначе следующая буква прилипнет к коду.

Везде ли виден этот знак

Знак появился в Emoji 0.6 (2010 год): на устройствах старше он может показаться пустым квадратом. Картинку рисует шрифт системы, поэтому у Apple, Google, Samsung и Windows она отличается, а в заголовках и метаописаниях сайта декоративные знаки лучше не ставить.

Источники

Коды и имена — Unicode 15.1 (emoji-test.txt) и CLDR, локаль ru; мнемоники — HTML Living Standard; блок и категория — Unicode Character Database. Проверено 13 сентября 2026. Все записи считаются из номера знака, ошибиться им негде.

Unicode: полный список эмодзиHTML: именованные ссылки