HTML & CSS Character Entities

I created a collection of HTML & CSS character entities, or glyphs, that are commonly used in websites. These glyphs are easy to use in HTML and CSS, but just for your reference, below is an example…

<p>&copy; All rights reserved.</p>
h2:after {
    content: "\00a9";
}

Glyph Categories

Typography & Punctuation

Back to categories ↑

Glyph Description HTML CSS
" Quotation mark &quot; \0022
« Left angle quotation &laquo; \00ab
» Right angle quotation &raquo; \00bb
& Ampersand &amp; \0026
  No-break space &nbsp; \00a0
En space &ensp; \2002
Em space &emsp; \2003
Thin space &thinsp; \2009
En dash &ndash; \2013
Em dash &mdash; \2014
Left single quotation &lsquo; \2018
Right single quotation &rsquo; \2019
Single low quotation &sbquo; \201A
Left double quotation &ldquo; \201C
Right double quotation &rdquo; \201D
Double low quotation &bdquo; \201E
Single left angle quotation &lsaquo; \2039
Single right angle quotation &rsaquo; \203A
Bullet &bull; \2022
Horizontal ellipsis &hellip; \2026
Prime &prime; \2032
Double prime &Prime; \2033
Over line &oline; \203E
· Middle dot &middot; \00b7
¦ Broken vertical bar &brvbar; \00a6
§ Section sign &sect; \00a7
Pilcrow (paragraph sign) &para; \00b6

Trademark Symbols

Back to categories ↑

Glyph Description HTML CSS
© Copyright sign &copy; \00a9
® Registered sign &reg; \00ae
Trademark sign &trade; \2122
Sound recording copyright &#8471; \2117

Arrows & Pointers

Back to categories ↑

Glyph Description HTML CSS
Leftwards arrow &larr; \2190
Rightwards arrow &rarr; \2192
Upwards arrow &uarr; \2191
Downwards arrow &darr; \2193
Clockwise circle arrow &#8635; \21BB
Anti–clockwise circle arrow &#8634; \21BA
˂ Left arrowhead &#706; \02C2
˃ Right arrowhead &#707; \02C3
˄ Up arrowhead &#708; \02C4
˅ Down arrowhead &#709; \02C5
White left pointer &#9669; \25C5
White right pointer &#9659; \25BB
White upwards triangle &#9651; \25B3
White downwards triangle &#9661; \25BD
Black left pointer &#9668; \25C4
Black right pointer &#9658; \25BA
Black upwards triangle &#9650; \25B2
Black downwards triangle &#9660; \25BC
Left wave arrow &#8604; \219C
Right wave arrow &#8605; \219D
Left two-headed arrow &#8606; \219E
Right two-headed arrow &#8608; \21A0
Up two-headed arrow &#8607; \219F
Down two-headed arrow &#8609; \21A1
Left arrow with tail &#8610; \21A2
Right arrow with tail &#8611; \21A3

Currency Symbols

Back to categories ↑

Glyph Description HTML CSS
¤ General currency sign &curren; \00a4
$ Dollar sign &#36; \0024
Euro sign &euro; \20AC
¢ Cent sign &cent; \00a2
£ Pound sterling sign &pound; \00a3
Riyal sign &#65020; \FDFC
¥ Yen sign &yen; \00a5
Indian Rupee sign &#x20B9; \20B9

Arabic Symbols

Back to categories ↑

Glyph Description HTML CSS
؞ Arabic triple dot &#1566; \061E
٭ Arabic pointed star &#1645; \066D
Arabic basmalah &#65021; \FDFD
Arabic Allah &#65010; \FDF2
Arabic jalla jalalouhou &#65019; \FDFB
Arabic salla Allah alayhe wasallam &#65018; \FDFA
؁ Arabic sanah (year) sign &#1537; \0601
۝ Arabic end of ayah &#1757; \06DD
۞ Arabic rubu el hizb &#1758; \06DE
۩ Arabic place of sajdah &#1769; \06E9
؏ Arabic misra sign &#1551; \060F

Scientific & Mathematical Symbols

Back to categories ↑

Glyph Description HTML CSS
< Less-than &lt; \003c
> Greater-than &gt; \003e
Less-than or equal to &le; \2264
Greater-than or equal to &ge; \2265
° Degree sign &deg; \00b0
µ Micro sign &micro; \00b5
± Plus-or-minus sign &plusmn; \00b1
Minus sign &minus; \2212
+ Plus Sign &plus; \002B
× Multiply sign &times; \00d7
÷ Divide sign &divide; \00f7
Fraction slash &frasl; \2044
ƒ Function symbol &fnof; \0192
Empty set &empty; \2205
Element of &isin; \2208
Not an element of &notin; \2209
Summation &sum; \2211
Product &prod; \220F
Infinity &infin; \221E
Angle &ang; \2220
Integral &int; \222B
Therefore &there4; \2234
π Pi &pi; \03C0
Δ Delta &Delta; \0394
Φ Phi &Phi; \03A6
θ Theta &theta; \03B8
Tilde &sim; \223C
Approximately equal to &cong; \2245
Almost equal to &asymp; \2248
Not equal to &ne; \2260
Identical to &equiv; \2261
Perpendicular &perp; \22A5

Geometric Symbols

Back to categories ↑

Glyph Description HTML CSS
Black pentagon &#11039; \2B1F
White pentagon &#11040; \2B20
Black hexagon &#11042; \2B22
White hexagon &#11041; \2B21
Black diamond &#11045; \2B25
White diamond &#11046; \2B26
Black lozenge &#11047; \2B27
White lozenge &#11048; \2B28
Black star &#9733; \2605
White star &#9734; \2606

Miscellaneous Shapes

Back to categories ↑

Glyph Description HTML CSS
Dagger &dagger; \2020
Double dagger &Dagger; \2021
Star and crescent &#9770; \262A
Latin cross &#10013; \271D
Star of David &#10017; \2721
Ankh &#9765; \2625
Yin yang symbol &#9775; \262F
Peace symbol &#9774; \262E
Black diamond suit &diams; \2666
Black spade suit &spades; \2660
Black club suit &clubs; \2663
Black heart suit &hearts; \2665
White diamond suit &#9826; \2662
White spade suit &#9828; \2664
White club suit &#9831; \2667
White heart suit &#9825; \2661
Shamrock &#9752; \2618
Floral heart &#10086; \2766
Fisheye &#9673; \25C9
Bullseye &#9678; \25CE
Black pointed star &#10022; \2726
White pointed star &#10023; \2727
Pinwheel star &#10031; \272F

Source #1: Graphemica
Source #2: Character Entities Cheat Sheet

Post a Comment

To post code, use the code tag with a class language-*
Examples: code class="language-markup"code class="language-css"