WordPress как на ладони
Недорогой хостинг для сайтов на WordPress: wordpress.jino.ru Хостинг, VPS/VDS и отдельные сервера только на SSD дисках. 7 дней бесплатного тестирования.

100+ Юникод символов, которые можно использовать в HTML/CSS/JS/PHP

В этой заметке речь пойдет об универсальных Unicode-символах. Иконках, которые понимают все браузеры и системы. Для того чтобы использовать иконки в HTML коде (верстке), обычно устанавливаются пакеты иконок на базе шрифтов, например Font Awesome. Однако, часто удобнее вставить известный браузеру Unicode-символ и не подключать лишние шрифты. Рассмотрим такие символы в этой заметке.

В браузерах есть встроенные библиотеки доступных иконок и иероглифов. Доступны они в Unicode формате — это стандарт, который присваивает уникальный идентификатор для каждого специального символа. Число таких символов (иконок, значков) постоянно растет и сегодня их более 110 000. Но не все браузеры понимают все такие символы. Браузеры работают на базе иконок которые доступны в вашей системе: Windows, Linux, OS X, Android и iOS. В этой заметке собраны иконки, которые установлены во всех таких системах, а значит их можно назвать универсальными и их в 99% случаев поймет и отобразит любой браузер.

Как использовать Unicode символы

Значки, приведенные в таблицах ниже, являются обычными символами, которые можно копировать и вставлять, как если бы они были буквами текста. Однако, если кодировка файла (HTML/CSS) куда вставляется скопированный значок не UTF-8 вставленный значок отображаться не будет и вообще потеряется... Для таких случаев в таблице приведет HTML код знака, этот код всегда будет работать.

Что нужно сделать, чтобы использовать иконки:

  • Найти нужный значок.
  • Скопировать код.
  • Вставить его в HTML/JS/PHP как обычный текст. В CSS его можно использовать в качестве значения свойства content:'★'.

Значки по сути являются обычным текстом, поэтому им можно указать стили текста: тень, размер, цвет и т.д.

Иконки

Мин Макс Код символа Название
☺ Улыбка
♨ Хот-спрингс
➑ 8-мяч
☆ Белая звезда
★ Черная звезда
✪ Белая звезда обведенная
✰ Белая звезда
✧ Белая четырехконечная звезда
✦ Черная четырехконечная звезда
♡ Белое сердце
❤ Черное сердце
✈ Самолет
✂ Черные ножницы
✄ Белые ножницы
♕ Корона
✝ Крест
◑ Черно-белый круг
♪ Нота
♫ Ноты
✣ Четыре звездочки с шарами
☑ Чекбокс с галочкой
✔ Галочка
✘ Крестик
✎ Карандаш
✍ Пишущая рука
♀ Женщина
♂ Мужчина
☎ Черный телефон
☏ Белый телефон
✉ Конверт
✆ Знак телефона
меню

Стрелки

Мин Макс Код символа Название
← Стрелка влево
→ Стрелка вправо
↑ Стрелка вверх
↓ Стрелка вниз
↔ Стрелка влево вправо
↕ Стрелка вверх вниз
⇄ Стрелки вправо и влево
⇅ Стрелки вверх и вниз
↲ Вниз-влево 90 градусов
↳ Стрелка вниз-вправо 90 градусов
↱ Стрелка вверх-вправо 90 градусов
⇤ Стрелка влево к полосе
↶ Полукруг против часовой стрелки
↷ Полукруг по часовой стрелке
↺ Круг против часовой стрелки
↻ Круг по часовой стрелке
➔ Широкоугольная стрелка вправо
↯ Зигзагообразная стрелка вниз
↖ Стрелка Северо-Запада
➘ Тяжелая юго-восточная стрела
➙ Тяжелая стрелка вправо
➚ Тяжелая северо-восточная стрела
➟ Пунктирная стрелка вправо
⇠ Пунктирная стрелка влево
➤ Черная стрелка вправо
⇦ Белая стрелка влево
⇨ Белая стрелка вправо
« « « Кавычки слева
» » » Кавычек справа
► Правый черный указатель
◀ Левый черный указатель
▲ Черный указатель вверх
▷ Правый белый указатель
◁ Левый белый указатель
△ Белый указатель вверх
меню

Специальные

Мин Макс Код символа Название
№ Номер
© © © Авторское право
® ® ® Зарегистрированный
™ Товарный знак
℮ Предполагаемый
• Точка
· · · Средняя Точка
меню

Валюта

Мин Макс Код символа Название
€ Евро
£ £ £ Фунт
₤ Лира
¥ ¥ ¥ Иена
¢ ¢ ¢ Цент
¤ ¤ ¤ Валюта
меню

Погода

Мин Макс Код символа Название
° ° ° Градус
☀ Солнце маленькое
☼ Солнце большое
☁ Облако
❆ Снежинка 1
❅ Снежинка 2
❄ Снежинка 3
меню

Указатели

Мин Макс Код символа Название
☚ Указатель Влево черный
☛ Указатель Вправо черный
☜ Указатель Левый белый
☝ Указатель Вверх белый
☞ Указатель Вправо белый
☟ Указатель Вниз белый
меню

Карты

Мин Макс Код символа Название
♠ Пики черные
♥ Сердце черные
♦ Буби черные
♣ Крести черные
♤ Пики белые
♡ Сердце белые
♢ Буби белые
♧ Крести белые
меню

Шахматы

Мин Макс Код символа Название
♔ Король белый
♕ Ферзь белый
♖ Ладья белая
♗ Слон белый
♘ Конь белый
♙ Пешка белая
♚ Король черный
♛ Ферзь черный
♜ Ладья черная
♝ Слон черный
♞ Конь черный
♟ Пешка черная
меню

Математика

Мин Макс Код символа Название
∞ Бесконечность
± ± ± Плюс-минус
≤ Меньше или равно
≥ Больше или равно
≠ Не равно
÷ ÷ ÷ Деление
× × × Умножение х
✖ Тяжелое умножение x
¹ ¹ ¹ Один (верхний индекс)
² ² ² Два (верхний индекс)
³ ³ ³ Три (верхний индекс)
⊕ Обведенный Плюс
⊗ Обведенное Умножение
∧ Логичское И
∨ Логичское ИЛИ
∆ Дельта
∏ Пирог
∑ Сигма (сумма)
Ω Ω Ω Омега
∅ Пустое множество
∠ Угол
∥ Параллель
⊥ Перпендикуляр
≈ Почти равно
△ Треугольник
○ Круг
□ Квадрат
меню

Фракции

Мин Макс Код символа Название
¼ ¼ ¼ Четверть (1/4)
½ ½ ½ Половина (1/2)
¾ ¾ ¾ Три четверти (3/4)
⅓ Одна треть (1/3)
⅔ Две трети (2/3)
⅛ Одна восьмая (1/8)
⅜ Три восьмых (3/8)
⅝ Пять восьмых (5/8)
⅞ Семь восьмых (7/8)
меню

Римские цифры

Мин Макс Код символа Название
Ⅰ Один (римская цифра)
Ⅱ Два (римская цифра)
Ⅲ Три (римская цифра)
Ⅳ Четыре (римская цифра)
Ⅴ Пять (римская цифра)
Ⅵ Шесть (римская цифра)
Ⅶ Семь (римская цифра)
Ⅷ Восемь (римская цифра)
Ⅸ Девять (римская цифра)
Ⅹ Десять (римская цифра)
Ⅺ Одиннадцать (римская цифра)
Ⅻ Двенадцать (римская цифра)

-

Источник

Комментариев нет
    Здравствуйте, !     Войти . Зарегистрироваться