cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - Activehtmlicon-personicon-teamoctocatpop-outspinnerstartv

Pen Settings

CSS Base

Vendor Prefixing

Add External CSS

These stylesheets will be added in this order and before the code you write in the CSS editor. You can also add another Pen here, and it will pull the CSS from it. Try typing "font" or "ribbon" below.

Quick-add: + add another resource

Add External JavaScript

These scripts will run in this order and before the code in the JavaScript editor. You can also link to another Pen here, and it will run the JavaScript from it. Also try typing the name of any popular library.

Quick-add: + add another resource

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

            
              <html lang="ru">
<head >
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title >Все HTML и CSS символы</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="http://atmpl.ru/assets/css/bootstrap.min.css" rel="stylesheet" />
<script src="http://atmpl.ru/assets/js/jquery-1.10.2.js"></script>
</head> 
<body>
<h1 class="text-center">Все HTML и CSS коды символов</h1>
<div class="clearfix"></div>
<div id="symbols--html" class="col-md-12 center-block">
<div class="header--symbols" id="symbols--html">
<select class="select--blocks form-control btn-lg" multiple>
<option value="лучшие символы">Топ символов HTML</option>
<optgroup label="Популярные символы">
<option value="2700..27BF">Дингбаты
</option>
<option value="2654..265f">Шахматные фигуры
</option>
<option value="2660..2667">Карточные масти
</option>
<option value="2648..2653">Знаки зодиака
</option>
<option value="26a2..26a9">Мужские и женские
</option>
<option value="2680..2685">Кубики игровые
</option>
<option value="2630..2637">Триграммы
</option>
<option value="13000..1342F">Египетские иероглифы
</option>
<option value="0400..04FF">Символы кириллицы
</option>
<option value="2800..28FF">Азбука Брайля
</option>
<option value="2190..21FF">Стрелки 1
</option>
<option value="27F0..27FF">Стрелки 2
</option>
<option value="2900..297F">Стрелки 3
</option>
<option value="2100..214F">Буквенные символы
</option>
<option value="20A0..20CF">Символы валют
</option>
<option value="2300..23FF">Технические символы
</option>
<option value="2460..24FF">Вложенные буквы и цифры
</option>
<option value="2500..257F">Символы для рамок
</option>
<option value="12000..123FF">Клинопись
</option>
<option value="25A0..25FF">Геометрические фигуры
</option>
<option value="16A0..16FF">Руны
</option>
</optgroup>
<optgroup label="Оригинальный список всех символов">
<option value="0000..007F">Basic Latin
</option><option value="0080..00FF">Latin-1 Supplement
</option><option value="0100..017F">Latin Extended-A
</option><option value="0180..024F">Latin Extended-B
</option><option value="0250..02AF">IPA Extensions
</option><option value="02B0..02FF">Spacing Modifier Letters
</option><option value="0300..036F">Combining Diacritical Marks
</option><option value="0370..03FF">Greek and Coptic
</option><option value="0400..04FF">Cyrillic
</option><option value="0500..052F">Cyrillic Supplement
</option><option value="0530..058F">Armenian
</option><option value="0590..05FF">Hebrew
</option><option value="0600..06FF">Arabic
</option><option value="0700..074F">Syriac
</option><option value="0750..077F">Arabic Supplement
</option><option value="0780..07BF">Thaana
</option><option value="07C0..07FF">NKo
</option><option value="0800..083F">Samaritan
</option><option value="0840..085F">Mandaic
</option><option value="08A0..08FF">Arabic Extended-A
</option><option value="0900..097F">Devanagari
</option><option value="0980..09FF">Bengali
</option><option value="0A00..0A7F">Gurmukhi
</option><option value="0A80..0AFF">Gujarati
</option><option value="0B00..0B7F">Oriya
</option><option value="0B80..0BFF">Tamil
</option><option value="0C00..0C7F">Telugu
</option><option value="0C80..0CFF">Kannada
</option><option value="0D00..0D7F">Malayalam
</option><option value="0D80..0DFF">Sinhala
</option><option value="0E00..0E7F">Thai
</option><option value="0E80..0EFF">Lao
</option><option value="0F00..0FFF">Tibetan
</option><option value="1000..109F">Myanmar
</option><option value="10A0..10FF">Georgian
</option><option value="1100..11FF">Hangul Jamo
</option><option value="1200..137F">Ethiopic
</option><option value="1380..139F">Ethiopic Supplement
</option><option value="13A0..13FF">Cherokee
</option><option value="1400..167F">Unified Canadian Aboriginal Syllabics
</option><option value="1680..169F">Ogham
</option><option value="16A0..16FF">Runic
</option><option value="1700..171F">Tagalog
</option><option value="1720..173F">Hanunoo
</option><option value="1740..175F">Buhid
</option><option value="1760..177F">Tagbanwa
</option><option value="1780..17FF">Khmer
</option><option value="1800..18AF">Mongolian
</option><option value="18B0..18FF">Unified Canadian Aboriginal Syllabics Extended
</option><option value="1900..194F">Limbu
</option><option value="1950..197F">Tai Le
</option><option value="1980..19DF">New Tai Lue
</option><option value="19E0..19FF">Khmer Symbols
</option><option value="1A00..1A1F">Buginese
</option><option value="1A20..1AAF">Tai Tham
</option><option value="1AB0..1AFF">Combining Diacritical Marks Extended
</option><option value="1B00..1B7F">Balinese
</option><option value="1B80..1BBF">Sundanese
</option><option value="1BC0..1BFF">Batak
</option><option value="1C00..1C4F">Lepcha
</option><option value="1C50..1C7F">Ol Chiki
</option><option value="1CC0..1CCF">Sundanese Supplement
</option><option value="1CD0..1CFF">Vedic Extensions
</option><option value="1D00..1D7F">Phonetic Extensions
</option><option value="1D80..1DBF">Phonetic Extensions Supplement
</option><option value="1DC0..1DFF">Combining Diacritical Marks Supplement
</option><option value="1E00..1EFF">Latin Extended Additional
</option><option value="1F00..1FFF">Greek Extended
</option><option value="2000..206F">General Punctuation
</option><option value="2070..209F">Superscripts and Subscripts
</option><option value="20A0..20CF">Currency Symbols
</option><option value="20D0..20FF">Combining Diacritical Marks for Symbols
</option><option value="2100..214F">Letterlike Symbols
</option><option value="2150..218F">Number Forms
</option><option value="2190..21FF">Arrows
</option><option value="2200..22FF">Mathematical Operators
</option><option value="2300..23FF">Miscellaneous Technical
</option><option value="2400..243F">Control Pictures
</option><option value="2440..245F">Optical Character Recognition
</option><option value="2460..24FF">Enclosed Alphanumerics
</option><option value="2500..257F">Box Drawing
</option><option value="2580..259F">Block Elements
</option><option value="25A0..25FF">Geometric Shapes
</option><option value="2600..26FF">Miscellaneous Symbols
</option><option value="2700..27BF">Dingbats
</option><option value="27C0..27EF">Miscellaneous Mathematical Symbols-A
</option><option value="27F0..27FF">Supplemental Arrows-A
</option><option value="2800..28FF">Braille Patterns
</option><option value="2900..297F">Supplemental Arrows-B
</option><option value="2980..29FF">Miscellaneous Mathematical Symbols-B
</option><option value="2A00..2AFF">Supplemental Mathematical Operators
</option><option value="2B00..2BFF">Miscellaneous Symbols and Arrows
</option><option value="2C00..2C5F">Glagolitic
</option><option value="2C60..2C7F">Latin Extended-C
</option><option value="2C80..2CFF">Coptic
</option><option value="2D00..2D2F">Georgian Supplement
</option><option value="2D30..2D7F">Tifinagh
</option><option value="2D80..2DDF">Ethiopic Extended
</option><option value="2DE0..2DFF">Cyrillic Extended-A
</option><option value="2E00..2E7F">Supplemental Punctuation
</option><option value="2E80..2EFF">CJK Radicals Supplement
</option><option value="2F00..2FDF">Kangxi Radicals
</option><option value="2FF0..2FFF">Ideographic Description Characters
</option><option value="3000..303F">CJK Symbols and Punctuation
</option><option value="3040..309F">Hiragana
</option><option value="30A0..30FF">Katakana
</option><option value="3100..312F">Bopomofo
</option><option value="3130..318F">Hangul Compatibility Jamo
</option><option value="3190..319F">Kanbun
</option><option value="31A0..31BF">Bopomofo Extended
</option><option value="31C0..31EF">CJK Strokes
</option><option value="31F0..31FF">Katakana Phonetic Extensions
</option><option value="3200..32FF">Enclosed CJK Letters and Months
</option><option value="3300..33FF">CJK Compatibility
</option><option value="3400..4DBF">CJK Unified Ideographs Extension A
</option><option value="4DC0..4DFF">Yijing Hexagram Symbols
</option><option value="4E00..9FFF">CJK Unified Ideographs
</option><option value="A000..A48F">Yi Syllables
</option><option value="A490..A4CF">Yi Radicals
</option><option value="A4D0..A4FF">Lisu
</option><option value="A500..A63F">Vai
</option><option value="A640..A69F">Cyrillic Extended-B
</option><option value="A6A0..A6FF">Bamum
</option><option value="A700..A71F">Modifier Tone Letters
</option><option value="A720..A7FF">Latin Extended-D
</option><option value="A800..A82F">Syloti Nagri
</option><option value="A830..A83F">Common Indic Number Forms
</option><option value="A840..A87F">Phags-pa
</option><option value="A880..A8DF">Saurashtra
</option><option value="A8E0..A8FF">Devanagari Extended
</option><option value="A900..A92F">Kayah Li
</option><option value="A930..A95F">Rejang
</option><option value="A960..A97F">Hangul Jamo Extended-A
</option><option value="A980..A9DF">Javanese
</option><option value="A9E0..A9FF">Myanmar Extended-B
</option><option value="AA00..AA5F">Cham
</option><option value="AA60..AA7F">Myanmar Extended-A
</option><option value="AA80..AADF">Tai Viet
</option><option value="AAE0..AAFF">Meetei Mayek Extensions
</option><option value="AB00..AB2F">Ethiopic Extended-A
</option><option value="AB30..AB6F">Latin Extended-E
</option><option value="AB70..ABBF">Cherokee Supplement
</option><option value="ABC0..ABFF">Meetei Mayek
</option><option value="AC00..D7AF">Hangul Syllables
</option><option value="D7B0..D7FF">Hangul Jamo Extended-B
</option><option value="D800..DB7F">High Surrogates
</option><option value="DB80..DBFF">High Private Use Surrogates
</option><option value="DC00..DFFF">Low Surrogates
</option><option value="E000..F8FF">Private Use Area
</option><option value="F900..FAFF">CJK Compatibility Ideographs
</option><option value="FB00..FB4F">Alphabetic Presentation Forms
</option><option value="FB50..FDFF">Arabic Presentation Forms-A
</option><option value="FE00..FE0F">Variation Selectors
</option><option value="FE10..FE1F">Vertical Forms
</option><option value="FE20..FE2F">Combining Half Marks
</option><option value="FE30..FE4F">CJK Compatibility Forms
</option><option value="FE50..FE6F">Small Form Variants
</option><option value="FE70..FEFF">Arabic Presentation Forms-B
</option><option value="FF00..FFEF">Halfwidth and Fullwidth Forms
</option><option value="FFF0..FFFF">Specials
</option><option value="10000..1007F">Linear B Syllabary
</option><option value="10080..100FF">Linear B Ideograms
</option><option value="10100..1013F">Aegean Numbers
</option><option value="10140..1018F">Ancient Greek Numbers
</option><option value="10190..101CF">Ancient Symbols
</option><option value="101D0..101FF">Phaistos Disc
</option><option value="10280..1029F">Lycian
</option><option value="102A0..102DF">Carian
</option><option value="102E0..102FF">Coptic Epact Numbers
</option><option value="10300..1032F">Old Italic
</option><option value="10330..1034F">Gothic
</option><option value="10350..1037F">Old Permic
</option><option value="10380..1039F">Ugaritic
</option><option value="103A0..103DF">Old Persian
</option><option value="10400..1044F">Deseret
</option><option value="10450..1047F">Shavian
</option><option value="10480..104AF">Osmanya
</option><option value="10500..1052F">Elbasan
</option><option value="10530..1056F">Caucasian Albanian
</option><option value="10600..1077F">Linear A
</option><option value="10800..1083F">Cypriot Syllabary
</option><option value="10840..1085F">Imperial Aramaic
</option><option value="10860..1087F">Palmyrene
</option><option value="10880..108AF">Nabataean
</option><option value="108E0..108FF">Hatran
</option><option value="10900..1091F">Phoenician
</option><option value="10920..1093F">Lydian
</option><option value="10980..1099F">Meroitic Hieroglyphs
</option><option value="109A0..109FF">Meroitic Cursive
</option><option value="10A00..10A5F">Kharoshthi
</option><option value="10A60..10A7F">Old South Arabian
</option><option value="10A80..10A9F">Old North Arabian
</option><option value="10AC0..10AFF">Manichaean
</option><option value="10B00..10B3F">Avestan
</option><option value="10B40..10B5F">Inscriptional Parthian
</option><option value="10B60..10B7F">Inscriptional Pahlavi
</option><option value="10B80..10BAF">Psalter Pahlavi
</option><option value="10C00..10C4F">Old Turkic
</option><option value="10C80..10CFF">Old Hungarian
</option><option value="10E60..10E7F">Rumi Numeral Symbols
</option><option value="11000..1107F">Brahmi
</option><option value="11080..110CF">Kaithi
</option><option value="110D0..110FF">Sora Sompeng
</option><option value="11100..1114F">Chakma
</option><option value="11150..1117F">Mahajani
</option><option value="11180..111DF">Sharada
</option><option value="111E0..111FF">Sinhala Archaic Numbers
</option><option value="11200..1124F">Khojki
</option><option value="11280..112AF">Multani
</option><option value="112B0..112FF">Khudawadi
</option><option value="11300..1137F">Grantha
</option><option value="11480..114DF">Tirhuta
</option><option value="11580..115FF">Siddham
</option><option value="11600..1165F">Modi
</option><option value="11680..116CF">Takri
</option><option value="11700..1173F">Ahom
</option><option value="118A0..118FF">Warang Citi
</option><option value="11AC0..11AFF">Pau Cin Hau
</option><option value="12000..123FF">Cuneiform
</option><option value="12400..1247F">Cuneiform Numbers and Punctuation
</option><option value="12480..1254F">Early Dynastic Cuneiform
</option><option value="13000..1342F">Egyptian Hieroglyphs
</option><option value="14400..1467F">Anatolian Hieroglyphs
</option><option value="16800..16A3F">Bamum Supplement
</option><option value="16A40..16A6F">Mro
</option><option value="16AD0..16AFF">Bassa Vah
</option><option value="16B00..16B8F">Pahawh Hmong
</option><option value="16F00..16F9F">Miao
</option><option value="1B000..1B0FF">Kana Supplement
</option><option value="1BC00..1BC9F">Duployan
</option><option value="1BCA0..1BCAF">Shorthand Format Controls
</option><option value="1D000..1D0FF">Byzantine Musical Symbols
</option><option value="1D100..1D1FF">Musical Symbols
</option><option value="1D200..1D24F">Ancient Greek Musical Notation
</option><option value="1D300..1D35F">Tai Xuan Jing Symbols
</option><option value="1D360..1D37F">Counting Rod Numerals
</option><option value="1D400..1D7FF">Mathematical Alphanumeric Symbols
</option><option value="1D800..1DAAF">Sutton SignWriting
</option><option value="1E800..1E8DF">Mende Kikakui
</option><option value="1EE00..1EEFF">Arabic Mathematical Alphabetic Symbols
</option><option value="1F000..1F02F">Mahjong Tiles
</option><option value="1F030..1F09F">Domino Tiles
</option><option value="1F0A0..1F0FF">Playing Cards
</option><option value="1F100..1F1FF">Enclosed Alphanumeric Supplement
</option><option value="1F200..1F2FF">Enclosed Ideographic Supplement
</option><option value="1F300..1F5FF">Miscellaneous Symbols and Pictographs
</option><option value="1F600..1F64F">Emoticons
</option><option value="1F650..1F67F">Ornamental Dingbats
</option><option value="1F680..1F6FF">Transport and Map Symbols
</option><option value="1F700..1F77F">Alchemical Symbols
</option><option value="1F780..1F7FF">Geometric Shapes Extended
</option><option value="1F800..1F8FF">Supplemental Arrows-C
</option><option value="1F900..1F9FF">Supplemental Symbols and Pictographs
</option><option value="20000..2A6DF">CJK Unified Ideographs Extension B
</option><option value="2A700..2B73F">CJK Unified Ideographs Extension C
</option><option value="2B740..2B81F">CJK Unified Ideographs Extension D
</option><option value="2B820..2CEAF">CJK Unified Ideographs Extension E
</option><option value="2F800..2FA1F">CJK Compatibility Ideographs Supplement
</option><option value="E0000..E007F">Tags
</option><option value="E0100..E01EF">Variation Selectors Supplement
</option><option value="F0000..FFFFF">Supplementary Private Use Area-A
</option><option value="100000..10FFFF">Supplementary Private Use Area-B
</option>
</optgroup>
</select>
<h3 class="title--symbols">Символы HTML по категориям</h3>
</div>
<div class="clearfix"></div>
<div class="col-xs-12"><div class="text-center center-block" id="symbols">Загрузка...</div></div>
<div class="clearfix"></div>
<style>@import url("http://atmpl.ru/design/web-tools/2015/symbols-html/symbols-css.css");</style>
<script src="http://atmpl.ru/design/web-tools/2015/symbols-html/symbols.js"></script>
<script src="http://atmpl.ru/design/web-tools/2015/symbols-html/symbols-script.js"></script>
</div>
</div>
</body>
</html>
            
          
!
999px
Close

Asset uploading is a PRO feature.

As a PRO member, you can drag-and-drop upload files here to use as resources. Images, Libraries, JSON data... anything you want. You can even edit them anytime, like any other code on CodePen.

Go PRO

Loading ..................

Console