HTML-символы

Коллекция HTML-символов для вставки на сайт, не требует дополнительной установки шрифтов.

Часто используемые символы
Cимвол	Мнемоника		CSS-код	Описание
			content: "\a0";	Неразрывный пробел
			content: "\2009";	Очень узкий пробел
	&ensp;		content: "\2002";	Пробел шириной в букву N
	&emsp;		content: "\2003";	Пробел шириной в букву M
‌	&zwnj;	‌	content: "\200c";	Несоединяющий символ нулевой длины
‌	&zwj;	‍	content: "\200d";	Соединяющий символ нулевой длины
–	–	–	content: "\2013";	Узкое тире
—	—	—	content: "\2014";	Широкое тире
́		́	content: "\301";	Ударение, ставится после "ударной" буквы
…	…	…	content: "\2026";	Многоточие
§	§	§	content: "\a7";	Параграф
°	°	°	content: "\b0";	Градус
‰	&permil;	‰	content: "\2030";	Промилле
π	π	π	content: "\3c0";	Пи
µ	µ	µ	content: "\b5";	Микро
¶	¶	¶	content: "\b6";	Знак абзаца
•	•	•	content: "\2022";	Маркер списка
‾	&oline;	‾	content: "\203e";	Надчеркивание
&	&	&	content: "\26";	Амперсанд
<	<	<	content: "\3c";	Меньше (начало тега)
>	>	>	content: "\3e";	Больше (конец тега)
"	"	"	content: "\22";	Двойная ковычка
«	«	«	content: "\ab";	Левая типографская кавычка
»	»	»	content: "\bb";	Правая типографская кавычка
‹	&lsaquo;	‹	content: "\2039";	Левая одиночная угловая кавычка
›	&rsaquo;	›	content: "\203a";	Правая одиночная угловая кавычка
′	′	′	content: "\2032";	Штрих (минуты, футы)
″	″	″	content: "\2033";	Двойной штрих (секунды, дюймы)
‘	‘	‘	content: "\2018";	Левая верхняя одиночная кавычка
’	’	’	content: "\2019";	Правая верхняя одиночная кавычка
‚	&sbquo;	‚	content: "\2020";	Правая нижняя одиночная кавычка
“	“	“	content: "\201c";	Кавычка-лапка левая верхняя
”	”	”	content: "\201d";	Кавычка-лапка правая верхняя
„	&bdquo;	„	content: "\201e";	Кавычка-лапка правая нижняя
‟		‟	content: "\201f";	Какая то кавычка

Копирайты
Cимвол	Мнемоника		CSS-код	Описание
©	©	©	content: "\a9";	Копирайт
®	®	®	content: "\ae";	Знак зарегистрированной торговой марки
™	™	™	content: "\2122";	Знак торговой марки

Знаки валют
Cимвол	Мнемоника		CSS-код	Описание
€	€	€	content: "\20ac";	Евро
¢	¢	¢	content: "\a2";	Цент
£	£	£	content: "\a3";	Фунт стерлингов
¥	¥	¥	content: "\a5";	Йена или юань
ƒ	&fnof;	ƒ	content: "\192";	Флорин
₽		₽	content: "\20bd";	Российский рубль
₴		₴	content: "\20b4";	Украинская гривна
₹		₹	content: "\20b9";	Индийская рупия
圓		圓	content: "\5713";	Китайский юань
₸		₸	content: "\20b8";	Казахстанский тенге

Стрелки
Cимвол	Мнемоника		CSS-код	Описание
←	←	←	content: "\2190";	Стрелка влево
↑	↑	↑	content: "\2191";	Стрелка вверх
→	→	→	content: "\2192";	Стрелка вправо
↓	↓	↓	content: "\2193";	Стрелка вниз
↔	↔	↔	content: "\2194";	Стрелка влево и вправо
↕		↕	content: "\2195";	Стрелка вверх и вниз
↖		↖	content: "\2196";	Стрелка по диагонали вверх-влево
↗		↗	content: "\2197";	Стрелка по диагонали вверх-вправо
↘		↘	content: "\2198";	Стрелка по диагонали вниз-вправо
↙		↙	content: "\2199";	Стрелка по диагонали вниз-влево
⇐	⇐	⇐	content: "\21d0";	Двойная стрелка влево
⇑	&uArr;	⇑	content: "\21d1";	Двойная стрелка вверх
⇒	⇒	⇒	content: "\21d2";	Двойная стрелка вправо
⇓	&dArr;	⇓	content: "\21d3";	Двойная стрелка вниз
⇔	⇔	⇔	content: "\21d4";	Двойная стрелка влево и вправо
⇕		⇕	content: "\21d5";	Двойная стрелка вверх и вниз
⇖		⇖	content: "\21d6";	Двойная стрелка по диагонали вверх-влево
⇗		⇗	content: "\21d7";	Двойная стрелка по диагонали вверх-вправо
⇘		⇘	content: "\21d8";	Двойная стрелка по диагонали вниз-вправо
⇙		⇙	content: "\21d9";	Двойная стрелка по диагонали вниз-влево
⇠		⇠	content: "\21e0";	Пунктирная стрелка влево
⇡		⇡	content: "\21e1";	Пунктирная стрелка вверх
⇢		⇢	content: "\21e2";	Пунктирная стрелка вправо
⇣		⇣	content: "\21e3";	Пунктирная стрелка вниз
▲		▲	content: "\25b2";	Треугольная стрелка вверх
△		△	content: "\25b3";	Треугольная стрелка вверх (Контур)
▶		▶	content: "\25b6";	Треугольная стрелка вправо
▷		▷	content: "\25b7";	Треугольная стрелка вправо (Контур)
▼		▼	content: "\25bc";	Треугольная стрелка вниз
▽		▽	content: "\25bd";	Треугольная стрелка вниз (Контур)
◀		◀	content: "\25c0";	Треугольная стрелка влево
◁		◁	content: "\25c1";	Треугольная стрелка влево (Контур)

Еще стрелки
⇤		⇤	content: "\21e4";
⇥		⇥	content: "\21e5";
⇄		⇄	content: "\21c4";
⇅		⇅	content: "\21c5";
⇆		⇆	content: "\21c6";
⇇		⇇	content: "\21c7";
⇈		⇈	content: "\21c8";
⇉		⇉	content: "\21c9";
⇊		⇊	content: "\21ca";
⇦		⇦	content: "\21e6";
⇧		⇧	content: "\21e7";
⇨		⇨	content: "\21e8";
⇩		⇩	content: "\21e9";
↺		↺	content: "\21ba";
↻		↻	content: "\21bb";
⟲		⟲	content: "\27f2";
⟳		⟳	content: "\27f3";
⬅		⬅	content: "\2b05";
⬆		⬆	content: "\2b06";
⮕		⮕	content: "\2b95";
⬇		⬇	content: "\2b07";
⬈		⬈	content: "\2b08";
⬉		⬉	content: "\2b09";
⬊		⬊	content: "\2b0a";
⬋		⬋	content: "\2b0b";

Математические знаки
Cимвол	Мнемоника		CSS-код	Описание
×	×	×	content: "\d7";	Умножение
÷	÷	÷	content: "\f7";	Деление
±	±	±	content: "\b1";	Плюс / минус
¬	¬	¬	content: "\ac";	Отрицание
≤	≤	≤	content: "\2264";	Меньше или равно
≥	≥	≥	content: "\2265";	Больше или равно
≈	≈	≈	content: "\2248";	Приблизительно
≠	≠	≠	content: "\2260";	Не равно
≡	&equiv;	≡	content: "\2261";	Тождественно
√	√	√	content: "\221a";	Квадратный корень
∛		∛	content: "\221b";	Корень третьей степени
∜		∜	content: "\221c";	Корень четвертой степени
∞	∞	∞	content: "\221e";	Бесконечность
∑	∑	∑	content: "\2211";	Знак суммирования
∏	∏	∏	content: "\220f";	Знак произведения
∂	∂	∂	content: "\2202";	Частный дифференциал
∫	∫	∫	content: "\222b";	Интеграл
∀	∀	∀	content: "\2200";	Для всех
∃	∃	∃	content: "\2203";	Существует
∄	&nexist;	∄	content: "\2204";	Не существует
∅	∅	∅	content: "\2205";	Пустое множество
Δ	Δ	∆	content: "\2206";	Дельта
∈	∈	∈	content: "\2208";	Принадлежит
∉	∉	∉	content: "\2209";	Не принадлежит
∋	&ni;	∋	content: "\220b";	Содержит
∌		∌	content: "\220c";	Не содержит
⊂	⊂	⊂	content: "\2282";	Является подмножеством
⊄	&nsub;	⊄	content: "\2284";	Не является подмножеством
⊃	⊃	⊃	content: "\2283";	Является надмножеством
⊅	&nsup;	⊅	content: "\2285";	Не является надмножеством
⊆	&sube;	⊆	content: "\2286";	Является подмножеством либо равно
⊈	&nsube;	⊈	content: "\2288";	Не является подмножеством и не равно
⊇	&supe;	⊇	content: "\2287";	Является надмножеством либо равно
⊉	&nsupe;	⊉	content: "\2289";	Не является надмножеством и не равно
∧	&and;	∧	content: "\2227";	Логическое И
∨	&or;	∨	content: "\2228";	Логическое ИЛИ
∩	∩	∩	content: "\2229";	Пересечение
∪	∪	∪	content: "\222a";	Объединение
⊥	&perp;	⊥	content: "\22a5";	Перпендикулярно
∠	&ang;	∠	content: "\2220";	Угол

Греческий алфавит
Cимвол	Мнемоника		CSS-код	Описание
α	α	α	content: "\3b1";	Альфа (строчная)
β	β	β	content: "\3b2";	Бета (строчная)
γ	γ	γ	content: "\3b3";	Гамма (строчная)
δ	δ	δ	content: "\3b4";	Дельта (строчная)
ε	ε	ε	content: "\3b5";	Эпсилон (строчная)
ζ	ζ	ζ	content: "\3b6";	Дзета (строчная)
η	η	η	content: "\3b7";	Эта (строчная)
θ	θ	θ	content: "\3b8";	Тета (строчная)
ι	ι	ι	content: "\3b9";	Йота (строчная)
κ	κ	κ	content: "\3ba";	Каппа (строчная)
λ	λ	λ	content: "\3bb";	Лямбда (строчная)
μ	μ	μ	content: "\3bc";	Мю (строчная)
ν	ν	ν	content: "\3bd";	Ню (строчная)
ξ	ξ	ξ	content: "\3be";	Кси (строчная)
ο	ο	ο	content: "\3bf";	Омикрон (строчная)
π	π	π	content: "\3c0";	Пи (строчная)
ρ	ρ	ρ	content: "\3c1";	Ро (строчная)
σ	σ	ς	content: "\3c2";	Сигма (строчная)
ς	&sigmaf;	σ	content: "\3c3";	Окончательная сигма (строчная)
τ	τ	τ	content: "\3c4";	Тау (строчная)
υ	υ	υ	content: "\3c5";	Ипсилон (строчная)
φ	φ	φ	content: "\3c6";	Фи (строчная)
χ	χ	χ	content: "\3c7";	Хи (строчная)
ψ	ψ	ψ	content: "\3c8";	Пси (строчная)
ω	ω	ω	content: "\3c9";	Омега (строчная)
Α	Α	Α	content: "\391";	Альфа (прописная)
Β	Β	Β	content: "\392";	Бета (прописная)
Γ	Γ	Γ	content: "\393";	Гамма (прописная)
Δ	Δ	Δ	content: "\394";	Дельта (прописная)
Ε	Ε	Ε	content: "\395";	Эпсилон (прописная)
Ζ	Ζ	Ζ	content: "\396";	Дзета (прописная)
Η	Η	Η	content: "\397";	Эта (прописная)
Θ	Θ	Θ	content: "\398";	Тета (прописная)
Ι	Ι	Ι	content: "\399";	Йота (прописная)
Κ	Κ	Κ	content: "\39a";	Каппа (прописная)
Λ	Λ	Λ	content: "\39b";	Лямбда (прописная)
Μ	Μ	Μ	content: "\39c";	Мю (прописная)
Ν	Ν	Ν	content: "\39d";	Ню (прописная)
Ξ	Ξ	Ξ	content: "\39e";	Кси (прописная)
Ο	Ο	Ο	content: "\39f";	Омикрон (прописная)
Π	Π	Π	content: "\3a0";	Пи (прописная)
Ρ	Ρ	Ρ	content: "\3a1";	Ро (прописная)
Σ	Σ	Σ	content: "\3a3";	Сигма (прописная)
Τ	Τ	Τ	content: "\3a4";	Тау (прописная)
Υ	Υ	Υ	content: "\3a5";	Ипсилон (прописная)
Φ	Φ	Φ	content: "\3a6";	Фи (прописная)
Χ	Χ	Χ	content: "\3a7";	Хи (прописная)
Ψ	Ψ	Ψ	content: "\3a8";	Пси (прописная)
Ω	Ω	Ω	content: "\3a9";	Омега (прописная)

Знаки зодиака
Cимвол	Мнемоника		CSS-код	Описание
♈		♈	content: "\2648";	Овен
♉		♉	content: "\2649";	Телец
♊		♊	content: "\264a";	Близнецы
♋		♋	content: "\264b";	Рак
♌		♌	content: "\264c";	Лев
♍		♍	content: "\264d";	Дева
♎		♎	content: "\264e";	Весы
♏		♏	content: "\264f";	Скорпион
♐		♐	content: "\2650";	Стрелец
♑		♑	content: "\2651";	Козерог
♒		♒	content: "\2652";	Водолей
♓		♓	content: "\2653";	Рыбы

Шахматы
Cимвол	Мнемоника		CSS-код	Описание
♔		♔	content: "\2654";	Белый король
♕		♕	content: "\2655";	Белый ферзь (королева)
♖		♖	content: "\2656";	Белая ладья (тура)
♗		♗	content: "\2657";	Белый слон (офицер)
♘		♘	content: "\2658";	Белый конь
♙		♙	content: "\2659";	Белая пешка
♚		♚	content: "\265a";	Черный король
♛		♛	content: "\265b";	Черный ферзь (королева)
♜		♜	content: "\265c";	Черная ладья (тура)
♝		♝	content: "\265d";	Черный слон (офицер)
♞		♞	content: "\265e";	Черный конь
♟		♟	content: "\265f";	Черная пешка

Игральные карты
Cимвол	Мнемоника		CSS-код	Описание
♠	&spades;	♠	content: "\2660";	Пики (Вини)
♣	&clubs;	♣	content: "\2663";	Крести (Трефы)
♥	&hearts;	♥	content: "\2665";	Червы
♦	&diams;	♦	content: "\2666";	Бубны (Буби)
♤		♤	content: "\2664";	Пики (Вини) (контур)
♧		♧	content: "\2667";	Крести (Трефы) (контур)
♡		♡	content: "\2661";	Червы (контур)
♢		♢	content: "\2662";	Бубны (Буби) (контур)

Погода / Время суток
Cимвол	Мнемоника		CSS-код	Описание
☀		☀	content: "\2600";	Солнце
☁		☁	content: "\2601";	Облако
☂		☂	content: "\2602";	Зонтик
☼		☼	content: "\263c";	Солнышко
☽		☽	content: "\263d";	Луна
☾		☾	content: "\263e";	Луна
⛅		⛅	content: "\26c5";	Солнце за облаком
⛈		⛈	content: "\26c8";	Туча (Гроза)

Прочее
Cимвол	Мнемоника		CSS-код	Описание
★		★	content: "\2605";	Звезда
☆		☆	content: "\2606";	Звезда (Контур)
☎		☎	content: "\260e";	Телефон
☏		☏	content: "\260f";	Телефон
☹		☹	content: "\2639";	Смайлик
☺		☺	content: "\263a";	Смайлик
☻		☻	content: "\263b";	Смайлик
♀		♀	content: "\2640";	Знак женского пола
♂		♂	content: "\2642";	Знак мужского пола
♪		♪	content: "\266a";	Нота
♫		♫	content: "\266b";	Нота
⚽		⚽	content: "\26bd";	Футбольный мяч
⚾		⚾	content: "\26be";	Тенисный мяч
✂		✂	content: "\2702";	Ножницы
✄		✄	content: "\2704";	Ножницы
✆		✆	content: "\2706";	Телефонная трубка
✈		✈	content: "\2708";	Самолет
✉		✉	content: "\2709";	Конверт
✏		✏	content: "\270f";	Карандаш
✓		✓	content: "\2713";	Галка
✔		✔	content: "\2714";	Жирная галка
✕		✕	content: "\2715";	Крестик
✖		✖	content: "\2716";	Жирный крестик
✗		✗	content: "\2717";	Наклонный крестик
✘		✘	content: "\2718";	Наклонный жирный крестик
◐		◐	content: "\25d0";	Круг с левой закрашенной половиной
◑		◑	content: "\25d1";	Круг с закрашенной правой половиной
☯		☯	content: "\262f";	Инь и ян
⌚		⌚	content: "\231a";	Наручные часы
⏰		⏰	content: "\23f0";	Будильник
⏱		⏱	content: "\23f1";	Часы
⏲		⏲	content: "\23f2";	Часы
⏳		⏳	content: "\23f3";	Песочные часы

Медиа
Cимвол	Мнемоника		CSS-код	Описание
⏯		⏯	content: "\23ef";	Воспроизведение / Пауза
⏸		⏸	content: "\23f8";	Пауза
⏹		⏹	content: "\23f9";	Стоп
⏺		⏺	content: "\23fa";	Запись
⏩		⏩	content: "\23e9";	Перемотка вправо
⏪		⏪	content: "\23ea";	Перемотка влево
⏫		⏫	content: "\23eb";	Перемотка вверх
⏬		⏬	content: "\23ec";	Перемотка вниз
⏭		⏭	content: "\23ed";	Перемотка в конец
⏮		⏮	content: "\23ee";	Перемотка в начало

Подборка часто используемых HTML-символов (символов-мнемоник), которые можно использовать при верстке сайта, заменив ими иконки. Преимущество заключается в том, что их вывод не требует подключения дополнительного шрифта на сайт. Так же они почти ничего не весят (вес == длине HTML-кода) и не создают дополнительных HTTP-запросов к серверу, что способствует уменьшению времени загрузки страницы.