CSS Symbols

31 characters

Symbols commonly injected via the CSS content property in ::before and ::after pseudo-elements. Includes directional arrows, check and cross marks, rating stars, geometric bullets, typographic dashes and chevrons, pipe separators, and editing symbols. A practical toolkit for CSS-driven list markers, breadcrumbs, and decorative glyphs.

Characters

Copied! Click character name to view full details.

Character Table

Char Name Code Block
RIGHTWARDS ARROW U+2192 Arrows
LEFTWARDS ARROW U+2190 Arrows
UPWARDS ARROW U+2191 Arrows
DOWNWARDS ARROW U+2193 Arrows
CHECK MARK U+2713 Dingbats
BALLOT X U+2717 Dingbats
BLACK STAR U+2605 Miscellaneous Symbols
WHITE STAR U+2606 Miscellaneous Symbols
BLACK CIRCLE U+25CF Geometric Shapes
WHITE CIRCLE U+25CB Geometric Shapes
BLACK SQUARE U+25A0 Geometric Shapes
WHITE SQUARE U+25A1 Geometric Shapes
BLACK DIAMOND U+25C6 Geometric Shapes
WHITE DIAMOND U+25C7 Geometric Shapes
BULLET U+2022 General Punctuation
· MIDDLE DOT U+00B7 Latin-1 Supplement
EM DASH U+2014 General Punctuation
EN DASH U+2013 General Punctuation
« LEFT-POINTING DOUBLE ANGLE QUOTATION MARK U+00AB Latin-1 Supplement
» RIGHT-POINTING DOUBLE ANGLE QUOTATION MARK U+00BB Latin-1 Supplement
SINGLE LEFT-POINTING ANGLE QUOTATION MARK U+2039 General Punctuation
SINGLE RIGHT-POINTING ANGLE QUOTATION MARK U+203A General Punctuation
| VERTICAL LINE U+007C Basic Latin
BOX DRAWINGS LIGHT VERTICAL U+2502 Box Drawing
LOWER RIGHT PENCIL U+270E Dingbats
PENCIL U+270F Dingbats
UPPER RIGHT PENCIL U+2710 Dingbats
BLACK DIAMOND MINUS WHITE X U+2756 Dingbats
HEAVY BLACK HEART U+2764 Dingbats
SNOWMAN U+2603 Miscellaneous Symbols
BLACK HEART SUIT U+2665 Miscellaneous Symbols