Welche Zeichen können für das Auf- / Ab-Dreieck (Pfeil ohne Stiel) zur Anzeige in HTML verwendet werden?


1241

Ich suche nach einem HTML- oder ASCII- Zeichen, bei dem es sich um ein Dreieck handelt, das nach oben oder unten zeigt, damit ich es als Kippschalter verwenden kann.

Ich habe ↑ ( ↑) und ↓ ( ↓) gefunden - aber diese haben einen schmalen Stiel. Ich suche nur nach dem HTML-Pfeil "head".


55
Sie können das Karat "^" (das ist Shift-6) und Kleinbuchstaben "v" verwenden, wenn Sie die Dinge einfach halten möchten. Abhängig von der von Ihnen angegebenen Schriftart sehen sie wie Pfeile aus.
— Meagar

3
Weitere ASCII-Zeichen finden Sie auf dieser Website unter http://graphemica.com/characters
— mateusmaso,

@mateusmaso - Die sind Unicode.
— Derek 27 會 功夫

17
Hier ist ein schneller Weg, um sie auf einer Seite zu finden: amp-what.com/#q=triangle
— ndp

10
Hier ist jemand, der sich die Mühe gemacht hat, jeden möglichen Unicode-Pfeil zu sammeln: xahlee.info/comp/unicode_arrows.html
— Mark Ransom

Antworten:


1613

Unicode-Pfeilköpfe:

  • ▲ - U + 25B2 BLACK UP-POINTING TRIANGLE
  • ▼ - U + 25BC SCHWARZES DOWN-POINTING-DREIECK
  • ▴ - U + 25B4 KLEINES SCHWARZES UP-POINTING-DREIECK
  • ▾ - U + 25BE KLEINES SCHWARZES DREIPUNKT-DREIECK

Für ▲ und ▼ Verwendung ▲und ▼jeweils , wenn Sie Unicode - Zeichen direkt nicht enthalten können (Verwendung von UTF-8!).

Beachten Sie, dass die Schriftartenunterstützung für die kleineren Versionen nicht so gut ist. Verwenden Sie besser die großen Versionen in kleinerer Schrift.

Weitere Unicode-Pfeile finden Sie unter:

Schließlich sind diese Pfeile nicht ASCII, einschließlich ↑ und ↓: Sie sind Unicode.


126
Um den ersten Satz abzuschließen (oben unten links rechts - ▲ ▼ ▼ ▼), ist links U + 25C0 und rechts U + 25B6. Ich fand diese hier: unicode.org/charts
— Nathan Long

227
"Unicode-Dreiecke." Ich wollte das nur für Google sagen. :)
— Nathan Long

120
Haha! Ich brauchte diese nur noch einmal und suchte nach "Unicode-Dreiecken". Google hat mich hierher gebracht. Huzzah!
— Nathan Long

13
Ja, obwohl ◀ / ▶ in Schriftarten / Fallback weniger gut unterstützt werden als ▲ / ▼ ... normalerweise sehen IE6-Benutzer Quadrate. Die linken / rechten 'Zeiger'-Zeichen ◄ / ► werden etwas weiter unterstützt, obwohl sie immer noch nicht so häufig sind wie Auf / Ab.
— Bobince

86
Noch ein Hinweis: Um diese in CSS hinzuzufügen, verwenden Sie einfach den numerischen Teil mit einem Backslash vor, dh .example {content: "\ 25B2"; }
— Andrew

679

Für HTML-Entitäten
◄ = ◄
► = ►
▼ = ▼
▲ =▲


5
Ich habe diese HTML-Entitäten getestet. Ich kann berichten, dass der linke Pfeil im Android-Browser nicht gut angezeigt wird, der rechte Pfeil jedoch.
— Oabarca

3
@ user2070775 in der Tat: saucelabs.com/jobs/55afcb2086824f4c9c0c1643f2485952/… . Droid Sans- und Roboto-Schriftarten haben keine Dreiecke. Droid Serif hat diese 4 (BLACK UP / DOWN ARROW, BLACK LEFT / RIGHT-POINTING POINTER); Droid Sans Fallback hat alle BLACK / WHITE UP / DOWN / LEFT / RIGHT-DREIECKE und BLACK RIGHT-POINTING POINTER - aber keinen LEFT-POINTING POINTER.
— Beni Cherniavsky-Paskin

9
Die ALT-Codes für diese sind (Alt + 30) ▲, (Alt + 31) ▼, (Alt + 16) ►, (Alt + 17) ◄, für diejenigen, die diese manuell eingeben möchten.
— Nate

4
Diese Zeichen funktionieren in IE8. Im Allgemeinen sind sie browserübergreifender und sehen in Windows besser aus als die Dreiecke in der akzeptierten Antwort.
— Will Koehler

9
Sie sind die gleiche Antwort. Beispielsweise ist Dezimal 9650 Hexadezimal 25B2 (& # x25B2 ist & # 9650).
— Erik Philips

583

OPTION 1: UNICODE COLUMN SORT ARROWS

Ich fand dieses sehr praktisch für einen einzelnen Zeichenspalten-Sortierer. (Sieht gut hochskaliert aus) .

⇕ = ⇕

Sortierpfeile für Unicode-Tabellenspalten

WICHTIGE NOTIZ (Bei Verwendung von Unicode-Symbolen)

Die Unicode-Unterstützung hängt vom gewählten Symbol, dem Browser und der Schriftfamilie ab. Wenn Sie feststellen, dass das von Ihnen gewählte Symbol in einigen Browsern nicht funktioniert, verwenden Sie eine andere Schriftfamilie. Microsoft empfiehlt"Segoe UI Symbol" jedoch, die Schriftart in Ihre Website aufzunehmen, da nicht viele Benutzer sie auf ihren Computern haben.

Öffnen Sie diese Seite in anderen Browsern, um zu sehen, welche Symbole mit der Standardschriftart gerendert werden.


Noch ein paar Unicode-Pfeile.

Sie können sie direkt von der folgenden Seite kopieren oder den Code verwenden.

Jede Pfeilreihe ist von links nach rechts nummeriert:

0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F

Fügen Sie einfach die entsprechende Zahl / den entsprechenden Buchstaben wie oben vor dem schließenden Semikolon ein.


ș

← ↑ → ↓ ↓ ↔ ↕ ↗ ↗ ↘ ↙ ↚ ↛ ↜ ↝ ↞ ↟


Ț

↠ ↡ ↢ ↣ ↤ ↥ ↦ ↧ ↧ ↩ ↪ ↫ ↫ ↬ ↭ ↮ ↯


ț

↰ ↱ ↲ ↳ ↵ ↵ ↵ ↶ ↷ ↹ ↺ ↺ ↻ ↼ ↽ ↾ ↿


Ȝ

⇀ ⇁ ⇂ ⇃ ⇄ ⇅ ⇆ ⇇ ⇇ ⇉ ⇊ ⇋ ⇋ ⇌ ⇍ ⇎ ⇏


ȝ

⇒ ⇑ ⇒ ⇓ ⇓ ⇓ ⇕ ⇖ ⇗ ⇘ ⇙ ⇚ ⇛ ⇜ ⇝ ⇞ ⇟


Ȟ

⇠ ⇡ ⇢ ⇣ ⇤ ⇥ ⇦ ⇧ ⇧ ⇩ ⇪ ⇫ ⇫ ⇬ ⇭ ⇮ ⇯


ȟ

⇰ ⇱ ⇲ ⇳ ⇴ ⇵ ⇶ ⇷ ⇷ ⇹ ⇺ ⇻ ⇻ ⇼ ⇽ ⇾ ⇿


Zusätzliche HTML-Unicode-Symbole

Eine ausgewählte Liste anderer hilfreicher Unicode-Symbole.

U+2302  ⌂   HOUSE
U+2303  ⌃   UP ARROWHEAD
U+2304  ⌄   DOWN ARROWHEAD
U+2305  ⌅   PROJECTIVE
U+2306  ⌆   PERSPECTIVE
U+2307  ⌇   WAVY LINE
U+2315  ⌕   TELEPHONE RECORDER
U+2316  ⌖   POSITION INDICATOR
U+2317  ⌗   VIEWDATA SQUARE
U+2318  ⌘   PLACE OF INTEREST SIGN
U+231A  ⌚   WATCH
U+231B  ⌛   HOURGLASS
U+2326  ⌦   ERASE TO THE RIGHT
U+2327  ⌧   X IN A RECTANGLE BOX
U+2328  ⌨   KEYBOARD
U+2329  〈   LEFT-POINTING ANGLE BRACKET
U+232A  〉   RIGHT-POINTING ANGLE BRACKET
U+232B  ⌫   ERASE TO THE LEFT
U+23E9  ⏩   BLACK RIGHT-POINTING DOUBLE TRIANGLE
U+23EA  ⏪   BLACK LEFT-POINTING DOUBLE TRIANGLE
U+23EB  ⏫   BLACK UP-POINTING DOUBLE TRIANGLE
U+23EC  ⏬   BLACK DOWN-POINTING DOUBLE TRIANGLE
U+23ED  ⏭   BLACK RIGHT-POINTING DOUBLE TRIANGLE WITH VERTICAL BAR
U+23EE  ⏮   BLACK LEFT-POINTING DOUBLE TRIANGLE WITH VERTICAL BAR
U+23EF  ⏯   BLACK RIGHT-POINTING TRIANGLE WITH DOUBLE VERTICAL BAR
U+23F0  ⏰   ALARM CLOCK
U+23F1  ⏱   STOPWATCH
U+23F2  ⏲   TIMER CLOCK
U+23F3  ⏳   HOURGLASS WITH FLOWING SAND
U+2600  ☀   BLACK SUN WITH RAYS
U+2601  ☁   CLOUD
U+2602  ☂   UMBRELLA
U+2603  ☃   SNOWMAN
U+2604  ☄   COMET
U+2605  ★   BLACK STAR
U+2606  ☆   WHITE STAR
U+2607  ☇   LIGHTNING
U+2608  ☈   THUNDERSTORM
U+2609  ☉   SUN
U+260A  ☊   ASCENDING NODE
U+260B  ☋   DESCENDING NODE
U+260C  ☌   CONJUNCTION
U+260D  ☍   OPPOSITION
U+260E  ☎   BLACK TELEPHONE
U+260F  ☏   WHITE TELEPHONE
U+2610  ☐   BALLOT BOX
U+2611  ☑   BALLOT BOX WITH CHECK
U+2612  ☒   BALLOT BOX WITH X
U+2613  ☓   SALTIRE
U+2614  ☔   UMBRELLA WITH RAINDROPS
U+2615  ☕   HOT BEVERAGE
U+2616  ☖   WHITE SHOGI PIECE
U+2617  ☗   BLACK SHOGI PIECE
U+2618  ☘   SHAMROCK
U+2619  ☙   REVERSED ROTATED FLORAL HEART BULLET
U+261A  ☚   BLACK LEFT-POINTING INDEX
U+261B  ☛   BLACK RIGHT-POINTING INDEX
U+261C  ☜   WHITE LEFT POINTING INDEX
U+261D  ☝   WHITE UP POINTING INDEX
U+261E  ☞   WHITE RIGHT POINTING INDEX
U+261F  ☟   WHITE DOWN POINTING INDEX
U+2620  ☠   SKULL AND CROSSBONES
U+2621  ☡   CAUTION SIGN
U+2622  ☢   RADIOACTIVE SIGN
U+2623  ☣   BIOHAZARD SIGN
U+262A  ☪   STAR AND CRESCENT
U+262B  ☫   FARSI SYMBOL
U+262C  ☬   ADI SHAKTI
U+262D  ☭   HAMMER AND SICKLE
U+262E  ☮   PEACE SYMBOL
U+262F  ☯   YIN YANG
U+2638  ☸   WHEEL OF DHARMA
U+2639  ☹   WHITE FROWNING FACE
U+263A  ☺   WHITE SMILING FACE
U+263B  ☻   BLACK SMILING FACE
U+263C  ☼   WHITE SUN WITH RAYS
U+263D  ☽   FIRST QUARTER MOON
U+263E  ☾   LAST QUARTER MOON
U+263F  ☿   MERCURY
U+2640  ♀   FEMALE SIGN
U+2641  ♁   EARTH
U+2642  ♂   MALE SIGN
U+2643  ♃   JUPITER
U+2644  ♄   SATURN
U+2645  ♅   URANUS
U+2646  ♆   NEPTUNE
U+2647  ♇   PLUTO
U+2648  ♈   ARIES
U+2649  ♉   TAURUS
U+264A  ♊   GEMINI
U+264B  ♋   CANCER
U+264C  ♌   LEO
U+264D  ♍   VIRGO
U+264E  ♎   LIBRA
U+264F  ♏   SCORPIUS
U+2650  ♐   SAGITTARIUS
U+2651  ♑   CAPRICORN
U+2652  ♒   AQUARIUS
U+2653  ♓   PISCES
U+2654  ♔   WHITE CHESS KING
U+2655  ♕   WHITE CHESS QUEEN
U+2656  ♖   WHITE CHESS ROOK
U+2657  ♗   WHITE CHESS BISHOP
U+2658  ♘   WHITE CHESS KNIGHT
U+2659  ♙   WHITE CHESS PAWN
U+265A  ♚   BLACK CHESS KING
U+265B  ♛   BLACK CHESS QUEEN
U+265C  ♜   BLACK CHESS ROOK
U+265D  ♝   BLACK CHESS BISHOP
U+265E  ♞   BLACK CHESS KNIGHT
U+265F  ♟   BLACK CHESS PAWN
U+2660  ♠   BLACK SPADE SUIT
U+2661  ♡   WHITE HEART SUIT
U+2662  ♢   WHITE DIAMOND SUIT
U+2663  ♣   BLACK CLUB SUITE
U+2664  ♤   WHITE SPADE SUIT
U+2665  ♥   BLACK HEART SUIT
U+2666  ♦   BLACK DIAMOND SUIT
U+2667  ♧   WHITE CLUB SUITE
U+2668  ♨   HOT SPRINGS
U+2669  ♩   QUARTER NOTE
U+266A  ♪   EIGHTH NOTE
U+266B  ♫   BEAMED EIGHTH NOTES
U+266C  ♬   BEAMED SIXTEENTH NOTES
U+266D  ♭   MUSIC FLAT SIGN
U+266E  ♮   MUSIC NATURAL SIGN
U+266F  ♯   MUSIC SHARP SIGN
U+267A  ♺   RECYCLING SYMBOL FOR GENERIC MATERIALS
U+267B  ♻   BLACK UNIVERSAL RECYCLING SYMBOL
U+267C  ♼   RECYCLED PAPER SYMBOL
U+267D  ♽   PARTIALLY-RECYCLED PAPER SYMBOL
U+267E  ♾   PERMANENT PAPER SIGN
U+267F  ♿   WHEELCHAIR SYMBOL
U+2680  ⚀   DIE FACE-1
U+2681  ⚁   DIE FACE-2
U+2682  ⚂   DIE FACE-3
U+2683  ⚃   DIE FACE-4
U+2684  ⚄   DIE FACE-5
U+2685  ⚅   DIE FACE-6
U+2686  ⚆   WHITE CIRCLE WITH DOT RIGHT
U+2687  ⚇   WHITE CIRCLE WITH TWO DOTS
U+2688  ⚈   BLACK CIRCLE WITH WHITE DOT RIGHT
U+2689  ⚉   BLACK CIRCLE WITH TWO WHITE DOTS
U+268A  ⚊   MONOGRAM FOR YANG
U+268B  ⚋   MONOGRAM FOR YIN
U+268C  ⚌   DIGRAM FOR GREATER YANG
U+268D  ⚍   DIGRAM FOR LESSER YIN
U+268E  ⚎   DIGRAM FOR LESSER YANG
U+268F  ⚏   DIGRAM FOR GREATER YIN
U+2690  ⚐   WHITE FLAG
U+2691  ⚑   BLACK FLAG
U+2692  ⚒   HAMMER AND PICK
U+2693  ⚓   ANCHOR
U+2694  ⚔   CROSSED SWORDS
U+2695  ⚕   STAFF OF AESCULAPIUS
U+2696  ⚖   SCALES
U+2697  ⚗   ALEMBIC
U+2698  ⚘   FLOWER
U+2699  ⚙   GEAR
U+269A  ⚚   STAFF OF HERMES
U+269B  ⚛   ATOM SYMBOL
U+269C  ⚜   FLEUR-DE-LIS
U+269D  ⚝   OUTLINED WHITE STAR
U+269E  ⚞   THREE LINES CONVERGING RIGHT
U+269F  ⚟   THREE LINES CONVERGING LEFT
U+26A0  ⚠   WARNING SIGN
U+26A1  ⚡   HIGH VOLTAGE SIGN
U+26A2  ⚢   DOUBLED FEMALE SIGN
U+26A3  ⚣   DOUBLED MALE SIGN
U+26A4  ⚤   INTERLOCKED FEMALE AND MALE SIGN
U+26A5  ⚥   MALE AND FEMALE SIGN
U+26A6  ⚦   MALE WITH STROKE SIGN
U+26A7  ⚧   MALE WITH STROKE AND MALE AND FEMALE SIGN
U+26A8  ⚨   VERTICAL MALE WITH STROKE SIGN
U+26A9  ⚩   HORIZONTAL MALE WITH STROKE SIGN
U+26AA  ⚪   MEDIUM WHITE CIRCLE
U+26AB  ⚫   MEDIUM BLACK CIRCLE
U+26BD  ⚽   SOCCER BALL
U+26BE  ⚾   BASEBALL
U+26BF  ⚿   SQUARED KEY
U+26C0  ⛀   WHITE DRAUGHTSMAN
U+26C1  ⛁   WHITE DRAUGHTS KING
U+26C2  ⛂   BLACK DRAUGHTSMAN
U+26C3  ⛃   BLACK DRAUGHTS KING
U+26C4  ⛄   SNOWMAN WITHOUT SNOW
U+26C5  ⛅   SUN BEHIND CLOUD
U+26C6  ⛆   RAIN
U+26C7  ⛇   BLACK SNOWMAN
U+26C8  ⛈   THUNDER CLOUD AND RAIN
U+26C9  ⛉   TURNED WHITE SHOGI PIECE
U+26CA  ⛊   TURNED BLACK SHOGI PIECE
U+26CB  ⛋   WHITE DIAMOND IN SQUARE
U+26CC  ⛌   CROSSING LANES
U+26CD  ⛍   DISABLED CAR
U+26CE  ⛎   OPHIUCHUS
U+26CF  ⛏   PICK
U+26D0  ⛐   CAR SLIDING
U+26D1  ⛑   HELMET WITH WHITE CROSS
U+26D2  ⛒   CIRCLED CROSSING LANES
U+26D3  ⛓   CHAINS
U+26D4  ⛔   NO ENTRY
U+26D5  ⛕   ALTERNATE ONE-WAY LEFT WAY TRAFFIC
U+26D6  ⛖   BLACK TWO-WAY LEFT WAY TRAFFIC
U+26D7  ⛗   WHITE TWO-WAY LEFT WAY TRAFFIC
U+26D8  ⛘   BLACK LEFT LANE MERGE
U+26D9  ⛙   WHITE LEFT LANE MERGE
U+26DA  ⛚   DRIVE SLOW SIGN
U+26DB  ⛛   HEAVY WHITE DOWN-POINTING TRIANGLE
U+26DC  ⛜   LEFT CLOSED ENTRY
U+26DD  ⛝   SQUARED SALTIRE
U+26DE  ⛞   FALLING DIAGONAL IN WHITE CIRCLE IN BLACK SQUARE
U+26DF  ⛟   BLACK TRUCK
U+26E0  ⛠   RESTRICTED LEFT ENTRY-1
U+26E1  ⛡   RESTRICTED LEFT ENTRY-2
U+26E2  ⛢   ASTRONOMICAL SYMBOL FOR URANUS
U+26E3  ⛣   HEAVY CIRCLE WITH STROKE AND TWO DOTS ABOVE
U+26E4  ⛤   PENTAGRAM
U+26E5  ⛥   RIGHT-HANDED INTERLACED PENTAGRAM
U+26E6  ⛦   LEFT-HANDED INTERLACED PENTAGRAM
U+26E7  ⛧   INVERTED PENTAGRAM
U+26E8  ⛨   BLACK CROSS ON SHIELD
U+26E9  ⛩   SHINTO SHRINE
U+26EA  ⛪   CHURCH
U+26EB  ⛫   CASTLE
U+26EC  ⛬   HISTORIC SITE
U+26ED  ⛭   GEAR WITHOUT HUB
U+26EE  ⛮   GEAR WITH HANDLES
U+26EF  ⛯   MAP SYMBOL FOR LIGHTHOUSE
U+26F0  ⛰   MOUNTAIN
U+26F1  ⛱   UMBRELLA ON GROUND
U+26F2  ⛲   FOUNTAIN
U+26F3  ⛳   FLAG IN HOLE
U+26F4  ⛴   FERRY
U+26F5  ⛵   SAILBOAT
U+26F6  ⛶   SQUARE FOUR CORNERS
U+26F7  ⛷   SKIER
U+26F8  ⛸   ICE SKATE
U+26F9  ⛹   PERSON WITH BALL
U+26FA  ⛺   TENT
U+26FD  ⛽   FUEL PUMP
U+26FE  ⛾   CUP ON BLACK SQUARE
U+26FF  ⛿   WHITE FLAG WITH HORIZONTAL MIDDLE BLACK STRIPE
U+2701  ✁   UPPER BLADE SCISSORS
U+2702  ✂   BLACK SCISSORS
U+2703  ✃   LOWER BLADE SCISSORS
U+2704  ✄   WHITE SCISSORS
U+2705  ✅   WHITE HEAVY CHECK MARK
U+2706  ✆   TELEPHONE LOCATION SIGN
U+2707  ✇   TAPE DRIVE
U+2708  ✈   AIRPLANE
U+2709  ✉   ENVELOPE
U+270A  ✊   RAISED FIST
U+270B  ✋   RAISED HAND
U+270C  ✌   VICTORY HAND
U+270D  ✍   WRITING HAND
U+270E  ✎   LOWER RIGHT PENCIL
U+270F  ✏   PENCIL
U+2710  ✐   UPPER RIGHT PENCIL
U+2711  ✑   WHITE NIB
U+2712  ✒   BLACK NIB
U+2713  ✓   CHECK MARK
U+2714  ✔   HEAVY CHECK MARK
U+2715  ✕   MULTIPLICATION X
U+2716  ✖   HEAVY MULTIPLICATION X
U+2717  ✗   BALLOT X
U+2718  ✘   HEAVY BALLOT X
U+2719  ✙   OUTLINED GREEK CROSS
U+271A  ✚   HEAVY GREEK CROSS
U+271B  ✛   OPEN CENTRE CROSS
U+271C  ✜   HEAVY OPEN CENTRE CROSS
U+271D  ✝   LATIN CROSS
U+271E  ✞   SHADOWED WHITE LATIN CROSS
U+271F  ✟   OUTLINED LATIN CROSS
U+2720  ✠   MALTESE CROSS
U+2721  ✡   STAR OF DAVID
U+2722  ✢   FOUR TEARDROP-SPOKED ASTERISK
U+2723  ✣   FOUR BALLOON-SPOKED ASTERISK
U+2724  ✤   HEAVY FOUR BALLOON-SPOKED ASTERISK
U+2725  ✥   FOUR CLUB-SPOKED ASTERISK
U+2726  ✦   BLACK FOUR POINTED STAR
U+2727  ✧   WHITE FOUR POINTED STAR
U+2728  ✨   SPARKLES
U+2729  ✩   STRESS OUTLINED WHITE STAR
U+272A  ✪   CIRCLED WHITE STAR
U+272B  ✫   OPEN CENTRE BLACK STAR
U+272C  ✬   BLACK CENTRE WHITE STAR
U+272D  ✭   OUTLINED BLACK STAR
U+272E  ✮   HEAVY OUTLINED BLACK STAR
U+272F  ✯   PINWHEEL STAR
U+2730  ✰   SHADOWED WHITE STAR
U+2731  ✱   HEAVY ASTERISK
U+2732  ✲   OPEN CENTRE ASTERISK
U+2733  ✳   EIGHT SPOKED ASTERISK
U+2734  ✴   EIGHT POINTED BLACK STAR
U+2735  ✵   EIGHT POINTED PINWHEEL STAR
U+2736  ✶   SIX POINTED BLACK STAR
U+2737  ✷   EIGHT POINTED RECTILINEAR BLACK STAR
U+2738  ✸   HEAVY EIGHT POINTED RECTILINEAR BLACK STAR
U+2739  ✹   TWELVE POINTED BLACK STAR
U+273A  ✺   SIXTEEN POINTED ASTERISK
U+273B  ✻   TEARDROP-SPOKED ASTERISK
U+273C  ✼   OPEN CENTRE TEARDROP-SPOKED ASTERISK
U+273D  ✽   HEAVY TEARDROP-SPOKED ASTERISK
U+273E  ✾   SIX PETALLED BLACK AND WHITE FLORETTE
U+273F  ✿   BLACK FLORETTE
U+2740  ❀   WHITE FLORETTE
U+2741  ❁   EIGHT PETALLED OUTLINED BLACK FLORETTE
U+2742  ❂   CIRCLED OPEN CENTRE EIGHT POINTED STAR
U+2743  ❃   HEAVY TEARDROP-SPOKED PINWHEEL ASTERISK
U+2744  ❄   SNOWFLAKE
U+2745  ❅   TIGHT TRIFOLIATE SNOWFLAKE
U+2746  ❆   HEAVY CHEVRON SNOWFLAKE
U+2747  ❇   SPARKLE
U+2748  ❈   HEAVY SPARKLE
U+2749  ❉   BALLOON-SPOKED ASTERISK
U+274A  ❊   EIGHT TEARDROP-SPOKED PROPELLER ASTERISK
U+274B  ❋   HEAVY EIGHT TEARDROP-SPOKED PROPELLER ASTERISK
U+274C  ❌   CROSS MARK
U+274D  ❍   SHADOWED WHITE CIRCLE
U+274E  ❎   NEGATIVE SQUARED CROSS MARK
U+2753  ❓   BLACK QUESTION MARK ORNAMENT
U+2754  ❔   WHITE QUESTION MARK ORNAMENT
U+2755  ❕   WHITE EXCLAMATION MARK ORNAMENT
U+2756  ❖   BLACK DIAMOND MINUS WHITE X
U+2757  ❗   HEAVY EXCLAMATION MARK SYMBOL
U+275B  ❛   HEAVY SINGLE TURNED COMMA QUOTATION MARK ORNAMENT
U+275C  ❜   HEAVY SINGLE COMMA QUOTATION MARK ORNAMENT
U+275D  ❝   HEAVY DOUBLE TURNED COMMA QUOTATION MARK ORNAMENT
U+275E  ❞   HEAVY DOUBLE COMMA QUOTATION MARK ORNAMENT
U+275F  ❟   HEAVY LOW SINGLE COMMA QUOTATION MARK ORNAMENT
U+2760  ❠   HEAVY LOW DOUBLE COMMA QUOTATION MARK ORNAMENT
U+2761  ❡   CURVED STEM PARAGRAPH SIGN ORNAMENT
U+2762  ❢   HEAVY EXCLAMATION MARK ORNAMENT
U+2763  ❣   HEAVY HEART EXCLAMATION MARK ORNAMENT
U+2764  ❤   HEAVY BLACK HEART
U+2765  ❥   ROTATED HEAVY BLACK HEART BULLET
U+2766  ❦   FLORAL HEART
U+2767  ❧   ROTATED FLORAL HEART BULLET
U+276C  ❬   MEDIUM LEFT-POINTING ANGLE BRACKET ORNAMENT
U+276D  ❭   MEDIUM RIGHT-POINTING ANGLE BRACKET ORNAMENT
U+276E  ❮   HEAVY LEFT-POINTING ANGLE QUOTATION MARK ORNAMENT
U+276F  ❯   HEAVY RIGHT-POINTING ANGLE QUOTATION MARK ORNAMENT
U+2770  ❰   HEAVY LEFT-POINTING ANGLE BRACKET ORNAMENT
U+2771  ❱   HEAVY RIGHT-POINTING ANGLE BRACKET ORNAMENT
U+2794  ➔   HEAVY WIDE-HEADED RIGHTWARDS ARROW
U+2795  ➕   HEAVY PLUS SIGN
U+2796  ➖   HEAVY MINUS SIGN
U+2797  ➗   HEAVY DIVISION SIGN
U+2798  ➘   HEAVY SOUTH EAST ARROW
U+2799  ➙   HEAVY RIGHTWARDS ARROW
U+279A  ➚   HEAVY NORTH EAST ARROW
U+279B  ➛   DRAFTING POINT RIGHTWARDS ARROW
U+279C  ➜   HEAVY ROUND-TIPPED RIGHTWARDS ARROW
U+279D  ➝   TRIANGLE-HEADED RIGHTWARDS ARROW
U+279E  ➞   HEAVY TRIANGLE-HEADED RIGHTWARDS ARROW
U+279F  ➟   DASHED TRIANGLE-HEADED RIGHTWARDS ARROW
U+27A0  ➠   HEAVY DASHED TRIANGLE-HEADED RIGHTWARDS ARROW
U+27A1  ➡   BLACK RIGHTWARDS ARROW
U+27A2  ➢   THREE-D TOP-LIGHTED RIGHTWARDS ARROWHEAD
U+27A3  ➣   THREE-D BOTTOM-LIGHTED RIGHTWARDS ARROWHEAD
U+27A4  ➤   BLACK RIGHTWARDS ARROWHEAD
U+27A5  ➥   HEAVY BLACK CURVED DOWNWARDS AND RIGHTWARDS ARROW
U+27A6  ➦   HEAVY BLACK CURVED UPWARDS AND RIGHTWARDS ARROW
U+27A7  ➧   SQUAT BLACK RIGHTWARDS ARROW
U+27A8  ➨   HEAVY CONCAVE-POINTED BLACK RIGHTWARDS ARROW
U+27A9  ➩   RIGHT-SHADED WHITE RIGHTWARDS ARROW
U+27AA  ➪   LEFT-SHADED WHITE RIGHTWARDS ARROW
U+27AB  ➫   BACK-TILTED SHADOWED WHITE RIGHTWARDS ARROW
U+27AC  ➬   FRONT-TILTED SHADOWED WHITE RIGHTWARDS ARROW
U+27AD  ➭   HEAVY LOWER RIGHT-SHADOWED WHITE RIGHTWARDS ARROW
U+27AE  ➮   HEAVY UPPER RIGHT-SHADOWED WHITE RIGHTWARDS ARROW
U+27AF  ➯   NOTCHED LOWER RIGHT-SHADOWED WHITE RIGHTWARDS ARROW
U+27B0  ➰   CURLY LOOP
U+27B1  ➱   NOTCHED UPPER RIGHT-SHADOWED WHITE RIGHTWARDS ARROW
U+27B2  ➲   CIRCLED HEAVY WHITE RIGHTWARDS ARROW
U+27B3  ➳   WHITE-FEATHERED RIGHTWARDS ARROW
U+27B4  ➴   BLACK-FEATHERED SOUTH EAST ARROW
U+27B5  ➵   BLACK-FEATHERED RIGHTWARDS ARROW
U+27B6  ➶   BLACK-FEATHERED NORTH EAST ARROW
U+27B7  ➷   HEAVY BLACK-FEATHERED SOUTH EAST ARROW
U+27B8  ➸   HEAVY BLACK-FEATHERED RIGHTWARDS ARROW
U+27B9  ➹   HEAVY BLACK-FEATHERED NORTH EAST ARROW
U+27BA  ➺   TEARDROP-BARBED RIGHTWARDS ARROW
U+27BB  ➻   HEAVY TEARDROP-SHANKED RIGHTWARDS ARROW
U+27BC  ➼   WEDGE-TAILED RIGHTWARDS ARROW
U+27BD  ➽   HEAVY WEDGE-TAILED RIGHTWARDS ARROW
U+27BE  ➾   OPEN-OUTLINED RIGHTWARDS ARROW
U+27C0  ⟀   THREE DIMENSIONAL ANGLE
U+27E8  ⟨   MATHEMATICAL LEFT ANGLE BRACKET
U+27E9  ⟩   MATHEMATICAL RIGHT ANGLE BRACKET
U+27EA  ⟪   MATHEMATICAL LEFT DOUBLE ANGLE BRACKET
U+27EB  ⟫   MATHEMATICAL RIGHT DOUBLE ANGLE BRACKET
U+27F0  ⟰   UPWARDS QUADRUPLE ARROW
U+27F1  ⟱   DOWNWARDS QUADRUPLE ARROW
U+27F2  ⟲   ANTICLOCKWISE GAPPED CIRCLE ARROW
U+27F3  ⟳   CLOCKWISE GAPPED CIRCLE ARROW
U+27F4  ⟴   RIGHT ARROW WITH CIRCLED PLUS
U+27F5  ⟵   LONG LEFTWARDS ARROW
U+27F6  ⟶   LONG RIGHTWARDS ARROW
U+27F7  ⟷   LONG LEFT RIGHT ARROW
U+27F8  ⟸   LONG LEFTWARDS DOUBLE ARROW
U+27F9  ⟹   LONG RIGHTWARDS DOUBLE ARROW
U+27FA  ⟺   LONG LEFT RIGHT DOUBLE ARROW
U+27FB  ⟻   LONG LEFTWARDS ARROW FROM BAR
U+27FC  ⟼   LONG RIGHTWARDS ARROW FROM BAR
U+27FD  ⟽   LONG LEFTWARDS DOUBLE ARROW FROM BAR
U+27FE  ⟾   LONG RIGHTWARDS DOUBLE ARROW FROM BAR
U+27FF  ⟿   LONG RIGHTWARDS SQUIGGLE ARROW
U+2900  ⤀   RIGHTWARDS TWO-HEADED ARROW WITH VERTICAL STROKE
U+2901  ⤁   RIGHTWARDS TWO-HEADED ARROW WITH DOUBLE VERTICAL STROKE
U+2902  ⤂   LEFTWARDS DOUBLE ARROW WITH VERTICAL STROKE
U+2903  ⤃   RIGHTWARDS DOUBLE ARROW WITH VERTICAL STROKE
U+2904  ⤄   LEFT RIGHT DOUBLE ARROW WITH VERTICAL STROKE
U+2905  ⤅   RIGHTWARDS TWO-HEADED ARROW FROM BAR
U+2906  ⤆   LEFTWARDS DOUBLE ARROW FROM BAR
U+2907  ⤇   RIGHTWARDS DOUBLE ARROW FROM BAR
U+2908  ⤈   DOWNWARDS ARROW WITH HORIZONTAL STROKE
U+2909  ⤉   UPWARDS ARROW WITH HORIZONTAL STROKE
U+290A  ⤊   UPWARDS TRIPLE ARROW
U+290B  ⤋   DOWNWARDS TRIPLE ARROW
U+290C  ⤌   LEFTWARDS DOUBLE DASH ARROW
U+290D  ⤍   RIGHTWARDS DOUBLE DASH ARROW
U+290E  ⤎   LEFTWARDS TRIPLE DASH ARROW
U+290F  ⤏   RIGHTWARDS TRIPLE DASH ARROW
U+2910  ⤐   RIGHTWARDS TWO-HEADED TRIPLE DASH ARROW
U+2911  ⤑   RIGHTWARDS ARROW WITH DOTTED STEM
U+2912  ⤒   UPWARDS ARROW TO BAR
U+2913  ⤓   DOWNWARDS ARROW TO BAR
U+2914  ⤔   RIGHTWARDS ARROW WITH TAIL WITH VERTICAL STROKE
U+2915  ⤕   RIGHTWARDS ARROW WITH TAIL WITH DOUBLE VERTICAL STROKE
U+2916  ⤖   RIGHTWARDS TWO-HEADED ARROW WITH TAIL
U+2917  ⤗   RIGHTWARDS TWO-HEADED ARROW WITH TAIL WITH VERTICAL STROKE
U+2918  ⤘   RIGHTWARDS TWO-HEADED ARROW WITH TAIL WITH DOUBLE VERTICAL STROKE
U+2919  ⤙   LEFTWARDS ARROW-TAIL
U+291A  ⤚   RIGHTWARDS ARROW-TAIL
U+291B  ⤛   LEFTWARDS DOUBLE ARROW-TAIL
U+291C  ⤜   RIGHTWARDS DOUBLE ARROW-TAIL
U+291D  ⤝   LEFTWARDS ARROW TO BLACK DIAMOND
U+291E  ⤞   RIGHTWARDS ARROW TO BLACK DIAMOND
U+291F  ⤟   LEFTWARDS ARROW FROM BAR TO BLACK DIAMOND
U+2920  ⤠   RIGHTWARDS ARROW FROM BAR TO BLACK DIAMOND
U+2921  ⤡   NORTHWEST AND SOUTH EAST ARROW
U+2922  ⤢   NORTHEAST AND SOUTH WEST ARROW
U+2923  ⤣   NORTH WEST ARROW WITH HOOK
U+2924  ⤤   NORTH EAST ARROW WITH HOOK
U+2925  ⤥   SOUTH EAST ARROW WITH HOOK
U+2926  ⤦   SOUTH WEST ARROW WITH HOOK
U+2927  ⤧   NORTH WEST ARROW AND NORTH EAST ARROW
U+2928  ⤨   NORTH EAST ARROW AND SOUTH EAST ARROW
U+2929  ⤩   SOUTH EAST ARROW AND SOUTH WEST ARROW
U+292A  ⤪   SOUTH WEST ARROW AND NORTH WEST ARROW
U+292B  ⤫   RISING DIAGONAL CROSSING FALLING DIAGONAL
U+292C  ⤬   FALLING DIAGONAL CROSSING RISING DIAGONAL
U+292D  ⤭   SOUTH EAST ARROW CROSSING NORTH EAST ARROW
U+292E  ⤮   NORTH EAST ARROW CROSSING SOUTH EAST ARROW
U+292F  ⤯   FALLING DIAGONAL CROSSING NORTH EAST ARROW
U+2930  ⤰   RISING DIAGONAL CROSSING SOUTH EAST ARROW
U+2931  ⤱   NORTH EAST ARROW CROSSING NORTH WEST ARROW
U+2932  ⤲   NORTH WEST ARROW CROSSING NORTH EAST ARROW
U+2933  ⤳   WAVE ARROW POINTING DIRECTLY RIGHT
U+2934  ⤴   ARROW POINTING RIGHTWARDS THEN CURVING UPWARDS
U+2935  ⤵   ARROW POINTING RIGHTWARDS THEN CURVING DOWNWARDS
U+2936  ⤶   ARROW POINTING DOWNWARDS THEN CURVING LEFTWARDS
U+2937  ⤷   ARROW POINTING DOWNWARDS THEN CURVING RIGHTWARDS
U+2938  ⤸   RIGHT-SIDE ARC CLOCKWISE ARROW
U+2939  ⤹   LEFT-SIDE ARC ANTICLOCKWISE ARROW
U+293A  ⤺   TOP ARC ANTICLOCKWISE ARROW
U+293B  ⤻   BOTTOM ARC ANTICLOCKWISE ARROW
U+293C  ⤼   TOP ARC CLOCKWISE ARROW WITH MINUS
U+293D  ⤽   TOP ARC ANTICLOCKWISE ARROW WITH PLUS
U+293E  ⤾   LOWER RIGHT SEMICIRCULAR CLOCKWISE ARROW
U+293F  ⤿   LOWER LEFT SEMICIRCULAR ANTICLOCKWISE ARROW
U+2940  ⥀   ANTICLOCKWISE CLOSED CIRCLE ARROW
U+2941  ⥁   CLOCKWISE CLOSED CIRCLE ARROW
U+2942  ⥂   RIGHTWARDS ARROW ABOVE SHORT LEFTWARDS ARROW
U+2943  ⥃   LEFTWARDS ARROW ABOVE SHORT RIGHTWARDS ARROW
U+2944  ⥄   SHORT RIGHTWARDS ARROW ABOVE LEFTWARDS ARROW
U+2945  ⥅   RIGHTWARDS ARROW WITH PLUS BELOW
U+2946  ⥆   LEFTWARDS ARROW WITH PLUS BELOW
U+2962  ⥢   LEFTWARDS HARPOON WITH BARB UP ABOVE LEFTWARDS HARPOON WITH BARB DOWN
U+2963  ⥣   UPWARDS HARPOON WITH BARB LEFT BESIDE UPWARDS HARPOON WITH BARB RIGHT
U+2964  ⥤   RIGHTWARDS HARPOON WITH BARB UP ABOVE RIGHTWARDS HARPOON WITH BARB DOWN
U+2965  ⥥   DOWNWARDS HARPOON WITH BARB LEFT BESIDE DOWNWARDS HARPOON WITH BARB RIGHT
U+2966  ⥦   LEFTWARDS HARPOON WITH BARB UP ABOVE RIGHTWARDS HARPOON WITH BARB UP
U+2967  ⥧   LEFTWARDS HARPOON WITH BARB DOWN ABOVE RIGHTWARDS HARPOON WITH BARB DOWN
U+2968  ⥨   RIGHTWARDS HARPOON WITH BARB UP ABOVE LEFTWARDS HARPOON WITH BARB UP
U+2969  ⥩   RIGHTWARDS HARPOON WITH BARB DOWN ABOVE LEFTWARDS HARPOON WITH BARB DOWN
U+296A  ⥪   LEFTWARDS HARPOON WITH BARB UP ABOVE LONG DASH
U+296B  ⥫   LEFTWARDS HARPOON WITH BARB DOWN BELOW LONG DASH
U+296C  ⥬   RIGHTWARDS HARPOON WITH BARB UP ABOVE LONG DASH
U+296D  ⥭   RIGHTWARDS HARPOON WITH BARB DOWN BELOW LONG DASH
U+296E  ⥮   UPWARDS HARPOON WITH BARB LEFT BESIDE DOWNWARDS HARPOON WITH BARB RIGHT
U+296F  ⥯   DOWNWARDS HARPOON WITH BARB LEFT BESIDE UPWARDS HARPOON WITH BARB RIGHT
U+2989  ⦉   Z NOTATION LEFT BINDING BRACKET
U+298A  ⦊   Z NOTATION RIGHT BINDING BRACKET
U+2991  ⦑   LEFT ANGLE BRACKET WITH DOT
U+2992  ⦒   RIGHT ANGLE BRACKET WITH DOT
U+2993  ⦓   LEFT ARC LESS-THAN BRACKET
U+2994  ⦔   RIGHT ARC GREATER-THAN BRACKET
U+2995  ⦕   DOUBLE LEFT ARC GREATER-THAN BRACKET
U+2996  ⦖   DOUBLE RIGHT ARC LESS-THAN BRACKET
U+29A8  ⦨   MEASURED ANGLE WITH OPEN ARM ENDING IN ARROW POINTING UP AND RIGHT
U+29A9  ⦩   MEASURED ANGLE WITH OPEN ARM ENDING IN ARROW POINTING UP AND LEFT
U+29AA  ⦪   MEASURED ANGLE WITH OPEN ARM ENDING IN ARROW POINTING DOWN AND RIGHT
U+29AB  ⦫   MEASURED ANGLE WITH OPEN ARM ENDING IN ARROW POINTING DOWN AND LEFT
U+29AC  ⦬   MEASURED ANGLE WITH OPEN ARM ENDING IN ARROW POINTING RIGHT AND UP
U+29AD  ⦭   MEASURED ANGLE WITH OPEN ARM ENDING IN ARROW POINTING LEFT AND UP
U+29AE  ⦮   MEASURED ANGLE WITH OPEN ARM ENDING IN ARROW POINTING RIGHT AND DOWN
U+29AF  ⦯   MEASURED ANGLE WITH OPEN ARM ENDING IN ARROW POINTING LEFT AND DOWN
U+29BE  ⦾   CIRCLED WHITE BULLET
U+29BF  ⦿   CIRCLED BULLET
U+29C9  ⧉   TWO JOINED SQUARES
U+29CE  ⧎   RIGHT TRIANGLE ABOVE LEFT TRIANGLE
U+29CF  ⧏   LEFT TRIANGLE BESIDE VERTICAL BAR
U+29D0  ⧐   VERTICAL BAR BESIDE RIGHT TRIANGLE
U+29D1  ⧑   BOWTIE WITH LEFT HALF BLACK
U+29D2  ⧒   BOWTIE WITH RIGHT HALF BLACK
U+29D3  ⧓   BLACK BOWTIE
U+29D4  ⧔   TIMES WITH LEFT HALF BLACK
U+29D5  ⧕   TIMES WITH RIGHT HALF BLACK
U+29D6  ⧖   WHITE HOURGLASS
U+29D7  ⧗   BLACK HOURGLASS
U+29E8  ⧨   DOWN-POINTING TRIANGLE WITH LEFT HALF BLACK
U+29E9  ⧩   DOWN-POINTING TRIANGLE WITH RIGHT HALF BLACK
U+29EA  ⧪   BLACK DIAMOND WITH DOWN ARROW
U+29EB  ⧫   BLACK LOZENGE
U+29EC  ⧬   WHITE CIRCLE WITH DOWN ARROW
U+29ED  ⧭   BLACK CIRCLE WITH DOWN ARROW
U+29F4  ⧴   RULE-DELAYED
U+29FC  ⧼   LEFT-POINTING CURVED ANGLE BRACKET
U+29FD  ⧽   RIGHT-POINTING CURVED ANGLE BRACKET
U+29FE  ⧾   TINY
U+29FF  ⧿   MINY
U+2B00  ⬀   NORTH EAST WHITE ARROW
U+2B01  ⬁   NORTH WEST WHITE ARROW
U+2B02  ⬂   SOUTH EAST WHITE ARROW
U+2B03  ⬃   SOUTH WEST WHITE ARROW
U+2B04  ⬄   LEFT RIGHT WHITE ARROW
U+2B05  ⬅   LEFTWARDS BLACK ARROW
U+2B06  ⬆   UPWARDS BLACK ARROW
U+2B07  ⬇   DOWNWARDS BLACK ARROW
U+2B08  ⬈   NORTH EAST BLACK ARROW
U+2B09  ⬉   NORTH WEST BLACK ARROW
U+2B0A  ⬊   SOUTH EAST BLACK ARROW
U+2B0B  ⬋   SOUTHWEST BLACK ARROW
U+2B0C  ⬌   LEFT RIGHT BLACK ARROW
U+2B0D  ⬍   UP DOWN BLACK ARROW
U+2B0E  ⬎   RIGHTWARDS ARROW WITH TIP DOWNWARDS
U+2B0F  ⬏   RIGHTWARDS ARROW WITH TIP UPWARDS
U+2B10  ⬐   LEFTWARDS ARROW WITH TIP DOWNWARDS
U+2B11  ⬑   LEFTWARDS ARROW WITH TIP UPWARDS
U+2B12  ⬒   SQUARE WITH TOP HALF BLACK
U+2B13  ⬓   SQUARE WITH BOTTOM HALF BLACK
U+2B14  ⬔   SQUARE WITH UPPER RIGHT DIAGONAL HALF BLACK
U+2B15  ⬕   SQUARE WITH LOWER LEFT DIAGONAL HALF BLACK
U+2B16  ⬖   DIAMOND WITH LEFT HALF BLACK
U+2B17  ⬗   DIAMOND WITH RIGHT HALF BLACK
U+2B18  ⬘   DIAMOND WITH TOP HALF BLACK
U+2B19  ⬙   DIAMOND WITH BOTTOM HALF BLACK
U+2B1A  ⬚   DOTTED SQUARE
U+2B1B  ⬛   BLACK LARGE SQUARE
U+2B1C  ⬜   WHITE LARGE SQUARE
U+2B1D  ⬝   BLACK VERY SMALL SQUARE
U+2B1E  ⬞   WHITE VERY SMALL SQUARE
U+2B1F  ⬟   BLACK PENTAGON
U+2B20  ⬠   WHITE PENTAGON
U+2B21  ⬡   WHITE HEXAGON
U+2B22  ⬢   BLACK HEXAGON
U+2B23  ⬣   HORIZONTAL BLACK HEXAGON
U+2B24  ⬤   BLACK LARGE CIRCLE
U+2B25  ⬥   BLACK MEDIUM DIAMOND
U+2B26  ⬦   WHITE MEDIUM DIAMOND
U+2B27  ⬧   BLACK MEDIUM LOZENGE
U+2B28  ⬨   WHITE MEDIUM LOZENGE
U+2B29  ⬩   BLACK SMALL DIAMOND
U+2B2A  ⬪   BLACK SMALL LOZENGE
U+2B2B  ⬫   WHITE SMALL LOZENGE
U+2B30  ⬰   LEFT ARROW WITH SMALL CIRCLE
U+2B31  ⬱   THREE LEFTWARDS ARROWS
U+2B32  ⬲   LEFT ARROW WITH CIRCLED PLUS
U+2B33  ⬳   LONG LEFTWARDS SQUIGGLE ARROW
U+2B34  ⬴   LEFTWARDS TWO-HEADED ARROW WITH VERTICAL STROKE
U+2B35  ⬵   LEFTWARDS TWO-HEADED ARROW WITH DOUBLE VERTICAL STROKE
U+2B36  ⬶   LEFTWARDS TWO-HEADED ARROW FROM BAR
U+2B37  ⬷   LEFTWARDS TWO-HEADED TRIPLE DASH ARROW
U+2B38  ⬸   LEFTWARDS ARROW WITH DOTTED STEM
U+2B39  ⬹   LEFTWARDS ARROW WITH TAIL WITH VERTICAL STROKE
U+2B3A  ⬺   LEFTWARDS ARROW WITH TAIL WITH DOUBLE VERTICAL STROKE
U+2B3B  ⬻   LEFTWARDS TWO-HEADED ARROW WITH TAIL
U+2B3C  ⬼   LEFTWARDS TWO-HEADED ARROW WITH TAIL WITH VERTICAL STROKE
U+2B3D  ⬽   LEFTWARDS TWO-HEADED ARROW WITH TAIL WITH DOUBLE VERTICAL STROKE
U+2B3E  ⬾   LEFTWARDS ARROW THROUGH X
U+2B3F  ⬿   WAVE ARROW POINTING DIRECTLY LEFT
U+2B40  ⭀   EQUALS SIGN ABOVE LEFTWARDS ARROW
U+2B41  ⭁   REVERSE TILDE OPERATOR ABOVE LEFTWARDS ARROW
U+2B42  ⭂   LEFTWARDS ARROW ABOVE REVERSE ALMOST EQUAL TO
U+2B43  ⭃   RIGHTWARDS ARROW THROUGH GREATER-THAN
U+2B44  ⭄   RIGHTWARDS ARROW THROUGH SUPERSET
U+2B45  ⭅   LEFTWARDS QUADRUPLE ARROW
U+2B46  ⭆   RIGHTWARDS QUADRUPLE ARROW
U+2B47  ⭇   REVERSE TILDE OPERATOR ABOVE RIGHTWARDS ARROW
U+2B48  ⭈   RIGHTWARDS ARROW ABOVE REVERSE ALMOST EQUAL TO
U+2B49  ⭉   TILDE OPERATOR ABOVE LEFTWARDS ARROW
U+2B4A  ⭊   LEFTWARDS ARROW ABOVE ALMOST EQUAL TO
U+2B4B  ⭋   LEFTWARDS ARROW ABOVE REVERSE TILDE OPERATOR
U+2B4C  ⭌   RIGHTWARDS ARROW ABOVE REVERSE TILDE OPERATOR
U+2B50  ⭐   WHITE MEDIUM STAR
U+2B51  ⭑   BLACK SMALL STAR
U+2B52  ⭒   WHITE SMALL STAR
U+2B53  ⭓   BLACK RIGHT-POINTING PENTAGON
U+2B54  ⭔   WHITE RIGHT-POINTING PENTAGON
U+2B55  ⭕   HEAVY LARGE CIRCLE
U+2B56  ⭖   HEAVY OVAL WITH OVAL INSIDE
U+2B57  ⭗   HEAVY CIRCLE WITH CIRCLE INSIDE
U+2B58  ⭘   HEAVY CIRCLE
U+2B59  ⭙   HEAVY CIRCLED SALTIRE

OPTION 2: PURE CSS CHEVRONS

Ich habe kürzlich einen Artikel über das effiziente Erstellen von Chevrons nur mit CSS verfasst (keine Bilder erforderlich).

So ändern Sie einfach:

  • DREHUNG
  • DICKE
  • FARBE
  • GRÖSSE

CLICK FOR DEMO ON JSFIDDLE


Geben Sie hier die Bildbeschreibung ein


CSS (Effizient mit Cross-Browser-Unterstützung)

.Chevron{
    position:relative;
    display:block;
    height:50px;/*height should be double border*/
}
.Chevron:before,
.Chevron:after{
    position:absolute;
    display:block;
    content:"";
    border:25px solid transparent;/*adjust size*/
}
/* Replace all text `top` below with left/right/bottom to rotate the chevron */
.Chevron:before{
    top:0;
    border-top-color:#b00;/*Chevron Color*/
}
.Chevron:after{
    top:-10px;/*adjust thickness*/
    border-top-color:#fff;/*Match background colour*/
}
<i class="Chevron"></i>


OPTION 3: CSS BASE64 IMAGE ICONS

OBEN UNTEN OBEN UNTEN

NIEDER NIEDER

OBEN OBEN

Mit nur wenigen Zeilen CSS können wir unsere Bilder in base64 codieren.


CLICK FOR DEMO ON JSFIDDLE


PROS

  • Es ist nicht erforderlich, zusätzliche Ressourcen in Form von Bildern oder Schriftarten einzuschließen.
  • Unterstützt volle Alpha-Transparenz.
  • Volle browserübergreifende Unterstützung.
  • Kleine Bilder / Symbole können in einer Datenbank gespeichert werden.

Nachteile

  • Das Aktualisieren / Bearbeiten kann zu einem Problem werden.
  • Nicht geeignet für große Bilder, da übermäßiges Code-Markup generiert wird.

CSS

.sorting,
.sorting_asc,
.sorting_desc{
    padding:4px 21px 4px 4px;
    cursor:pointer;
}
.sorting{
    background:url(data:image/gif;base64,R0lGODlhCwALAJEAAAAAAP///xUVFf///yH5BAEAAAMALAAAAAALAAsAAAIUnC2nKLnT4or00PvyrQwrPzUZshQAOw==) no-repeat center right;
}
.sorting_asc{
    background:url(data:image/gif;base64,R0lGODlhCwALAJEAAAAAAP///xUVFf///yH5BAEAAAMALAAAAAALAAsAAAIRnC2nKLnT4or00Puy3rx7VQAAOw==) no-repeat center right;
}
.sorting_desc{
    background:url(data:image/gif;base64,R0lGODlhCwALAJEAAAAAAP///xUVFf///yH5BAEAAAMALAAAAAALAAsAAAIPnI+py+0/hJzz0IruwjsVADs=) no-repeat center right;
}

Die Unicode-Pfeile &#x21EB;und höher sehen in FF und IE gut aus, werden jedoch in Chrome nicht gerendert.
— LandedGently

Die Unterstützung von @ LandedGently Unicode hängt vom Browser ab. Wenn Sie jedoch versuchen, den Code mit einer anderen Schriftart zu rendern, z. B. "Segoe UI Symbol", ist es ratsam, die Schriftart in Ihre Website aufzunehmen. Öffnen Sie diese Seite in anderen Browsern, um zu sehen, welche Symbole mit der Standardschriftart gerendert werden.
— DreamTeK

283

Sorry, aber sie sind nur in Unicode. :(

Grosse:

  • U+25B2 (Schwarzes nach oben zeigendes Dreieck ▲)
  • U+25BC (Schwarzes nach unten zeigendes Dreieck ▼)
  • U+25C0 (Schwarzes nach links zeigendes Dreieck ◀)
  • U+25B6 (Schwarzes rechtwinkliges Dreieck ▶)

Große weiße:

  • U+25B3 (Weißes nach oben zeigendes Dreieck △)
  • U+25BD (Weißes nach unten zeigendes Dreieck ▽)
  • U+25C1 (Weißes nach links zeigendes Dreieck ◁)
  • U+25B7 (Weißes nach rechts zeigendes Dreieck ▷)

Es gibt auch einige kleinere Dreiecke:

  • U+25B4 (Schwarzes nach oben zeigendes kleines Dreieck ▴)
  • U+25C2 (Schwarzes, nach links zeigendes kleines Dreieck ◂)
  • U+25BE (Schwarzes nach unten zeigendes kleines Dreieck ▾)
  • U+25B8 (Schwarzes, nach rechts zeigendes kleines Dreieck ▸)

Auch einige weiße:

  • U+25C3 (Weißes, nach links zeigendes kleines Dreieck ◃)
  • U+25BF (Weißes nach unten zeigendes kleines Dreieck ▿)
  • U+25B9 (Weißes, nach rechts zeigendes kleines Dreieck ▹)
  • U+25B5 (Weißes nach oben zeigendes kleines Dreieck ▵)

Es gibt auch einige "spitze" Dreiecke. Sie können hier in Wikipedia mehr lesen:
Informationen http://en.wikipedia.org/wiki/Geometric_Shapes

Leider sind sie alle Unicode anstelle von ASCII. Wenn Sie weiterhin ASCII verwenden möchten, können Sie eine Bilddatei verwenden, die nur ^und verwendet v. ( Genau wie bei Google Maps in der mobilen Version bezog sich dies auf das alte mobile Google Maps.)


Wie andere ebenfalls vorgeschlagen haben, können Sie auch Dreiecke mit HTML erstellen, entweder mit CSS-Rahmen oder SVG-Formen oder sogar mit JavaScript-Leinwänden.

CSS

div{
    width: 0px;
    height: 0px;
    border-top: 10px solid black;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: none;
}

SVG

<svg width="16" height="10">
    <polygon points="0,0 16,0 8,10"/>
</svg>

JavaScript

var ctx = document.querySelector("canvas").getContext("2d");

// do not use with() outside of this demo!
with(ctx){
    beginPath();
    moveTo(0,0);
    lineTo(16,0);
    lineTo(8,10);
    fill();
    endPath();
}

Demo


10
Seltsam, wie sie nicht symmetrisch sind. (Zumindest in Chrome unter OSX)
— Drew LeSueur

2
Wie werden diese Symbole in Windows CE angezeigt?
— utvecklare

4
Die ALT-Codes für den ersten Satz sind (Alt + 30) ▲, (Alt + 31) ▼, (Alt + 16) ►, (Alt + 17) ◄, für diejenigen, die diese manuell eingeben möchten.
— Nate

2
@Nate - Sind die für Mac OS? Da arbeiten sie bei mir nicht unter Windows.
— Derek 16 會 功夫

2
So habe ich sie in Visual Studio abgerufen und hier in meinen Kommentar eingegeben. Windows 7. Vielleicht ist es nicht universell (obwohl ich dachte, dass es war). Möglicherweise unterstützt die von Ihnen verwendete Schriftart diese Zeichen nicht.
— Nate

93

Da Sie diese Pfeile für einen Kippschalter verwenden, sollten Sie diese Pfeile mit einem HTML-Element erstellen, indem Sie die folgenden Stile anstelle von Unicode-Zeichen verwenden.

.upparrow {
   height: 0;
   width: 0;
   border: 4px solid transparent;
   border-bottom-color: #000;
}

.downarrow {
   height: 0;
   width: 0;
   border: 4px solid transparent;
   border-top-color: #000;
}

http://jsfiddle.net/FrsGR/


14
Die vier Ränder eines quadratischen Elements treffen sich in einem Winkel von 45 °. Wenn Sie also nur einen der Ränder färben, erhalten Sie ein Dreieck. Sie können ein Beispiel hier sehen: jsfiddle.net/FrsGR
— Magnus Magnusson

2
Ich sollte hinzufügen, dass sie sich in einem Winkel von 45 ° treffen, wenn sie alle gleich sind. Durch Ändern der Breite der Ränder neben dem farbigen Rand können Sie den Winkel ändern.
— Magnus Magnusson

3
PS: Diese werden normalerweise verwendet :after, um Dialogblasen zu erstellen.
— Derek 13 會 功夫

6
Es sollte jedoch beachtet werden, dass die Verwendung von Rahmen zum Erstellen von Dreiecken eine breitere Browserunterstützung bietet als das: after-Pseudoelement.
— Magnus Magnusson

2
Ich habe eine Weile gebraucht, um herauszufinden, wie das funktioniert. Ich fügte Hintergrund hinzu: Rot zu Pfeil in der Geige für den "ah-ha" Moment
— Andiih

86

Der Block " Spacing Modifier Letters" enthält wörtliche Pfeilspitzen :

U+02C2  ˂   &#706;  Modifier Letter Left  Arrowhead
U+02C3  ˃   &#707;  Modifier Letter Right Arrowhead
U+02C4  ˄   &#708;  Modifier Letter Up    Arrowhead
U+02C5  ˅   &#709;  Modifier Letter Down  Arrowhead

9
Es ist hexadezimal &#x2C4;oder dezimal &#708;. Wenn Sie jedoch die richtigen Seitencodierungen haben, sollten Sie diese nur kopieren und in das Dokument einfügen können.
— Bobince

2
<math xmlns = ' w3.org/1998/Math/MathML '> <mover> <mi> u </ m > <mo> & Hat; </ mo> </over> </
— mat

Wie bereits erwähnt, funktioniert dies nicht für alle Seitencodierungen. Ich bin mir nicht sicher, warum OP sie nicht einfach als Dezimalzahl veröffentlicht hat, was unabhängig von der Codierung funktionieren würde. Verwenden Sie & # 708; und & # 709;
— Lev

1
Diese sehen unter Debian (klein und nach oben verschoben) und Windows (groß und vertikal zentriert) ganz anders aus.
— Mimo

19

Es gibt verschiedene korrekte Möglichkeiten, ein nach unten zeigendes Dreieck anzuzeigen.

Methode 1: Verwenden Sie eine dezimale HTML-Entität

HTML:

&#9660;

Methode 2: Verwenden Sie eine hexadezimale HTML-Entität

HTML:

&#x25BC;

Methode 3: Zeichen direkt verwenden

HTML:

▼

Methode 4: Verwenden Sie CSS

HTML:

<span class='icon-down'></span>

CSS:

.icon-down:before {
    content: "\25BC";
}

Jede dieser drei Methoden sollte dieselbe Ausgabe haben. Für andere Symbole gibt es dieselben drei Optionen. Einige haben sogar eine vierte Option, mit der Sie eine auf Zeichenfolgen basierende Referenz verwenden können (z. B. &hearts;um ♥ anzuzeigen).

Sie können eine Referenzwebsite wie Unicode-table.com verwenden, um herauszufinden, welche Symbole in UNICODE unterstützt werden und welchen Codes sie entsprechen. Die Werte für das nach unten weisende Dreieck finden Sie beispielsweise unter http://unicode-table.com/de/25BC/ .

Beachten Sie, dass diese Methoden nur für Symbole ausreichen, die standardmäßig in jedem Browser verfügbar sind. Bei Symbolen wie ☃, ❄, ★, ☂, ☭, ⎗ oder ⎘ ist dies weitaus weniger wahrscheinlich. Während es möglich ist, andere UNICODE-Symbole browserübergreifend zu unterstützen, ist das Verfahren etwas komplizierter.

Wenn Sie wissen möchten, wie Sie Unterstützung für weniger gebräuchliche UNICODE-Zeichen hinzufügen können, finden Sie unter Erstellen von Webfonts mit zusätzlichen mehrsprachigen Unicode-Ebenensymbolen weitere Informationen dazu.


Hintergrundbilder

Eine völlig andere Strategie ist die Verwendung von Hintergrundbildern anstelle von Schriftarten. Für eine optimale Leistung ist es am besten, das Bild durch Basiskodierung in Ihre CSS-Datei einzubetten, wie z. @ weasel5i2 und @Obsidian. Ich würde die Verwendung von SVG anstelle von GIF empfehlen. Dies ist jedoch sowohl für die Leistung als auch für die Schärfe Ihrer Symbole besser.

Dieser folgende Code ist die base64 für und SVG-Version des Geben Sie hier die Bildbeschreibung einSymbols:

/* size: 0.9kb */
url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTYiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAxNiAyOCI+PGcgaWQ9Imljb21vb24taWdub3JlIj48L2c+PHBhdGggZD0iTTE2IDE3cTAgMC40MDYtMC4yOTcgMC43MDNsLTcgN3EtMC4yOTcgMC4yOTctMC43MDMgMC4yOTd0LTAuNzAzLTAuMjk3bC03LTdxLTAuMjk3LTAuMjk3LTAuMjk3LTAuNzAzdDAuMjk3LTAuNzAzIDAuNzAzLTAuMjk3aDE0cTAuNDA2IDAgMC43MDMgMC4yOTd0MC4yOTcgMC43MDN6TTE2IDExcTAgMC40MDYtMC4yOTcgMC43MDN0LTAuNzAzIDAuMjk3aC0xNHEtMC40MDYgMC0wLjcwMy0wLjI5N3QtMC4yOTctMC43MDMgMC4yOTctMC43MDNsNy03cTAuMjk3LTAuMjk3IDAuNzAzLTAuMjk3dDAuNzAzIDAuMjk3bDcgN3EwLjI5NyAwLjI5NyAwLjI5NyAwLjcwM3oiIGZpbGw9IiMwMDAwMDAiPjwvcGF0aD48L3N2Zz4=

Wann werden Hintergrundbilder oder Schriftarten verwendet?

In vielen Anwendungsfällen sind SVG-basierte Hintergrundbilder und Symbolschriftarten hinsichtlich Leistung und Flexibilität weitgehend gleichwertig. Berücksichtigen Sie die folgenden Unterschiede, um zu entscheiden, welche Sie auswählen möchten:

SVG-Bilder

  • Sie können mehrere Farben haben
  • Sie können ihr eigenes CSS einbetten und / oder vom HTML-Dokument gestylt werden
  • Sie können als separate Datei geladen, in CSS eingebettet UND in HTML eingebettet werden
  • Jedes Symbol wird durch XML-Code oder Base64-Code dargestellt. Sie können das Zeichen nicht direkt in Ihrem Code-Editor verwenden oder eine HTML-Entität verwenden
  • Die mehrfache Verwendung desselben Symbols impliziert eine Duplizierung des Symbols, wenn XML-Code in HTML eingebettet ist. Eine Duplizierung ist nicht erforderlich, wenn Sie die Datei in das CSS einbetten oder als separate Datei laden
  • Sie können nicht verwenden color, font-size, line-height,background-color oder anderes Schriftart im Zusammenhang Stilregeln die Anzeige Ihres Symbols zu ändern, aber Sie können individuell verschiedene Komponenten des Symbols als Formen verweisen.
  • Sie benötigen Kenntnisse in SVG- und / oder Base64-Codierung
  • Eingeschränkte oder keine Unterstützung in alten IE-Versionen

Symbolschriftarten

  • Ein Symbol kann nur eine Füllfarbe, eine Hintergrundfarbe usw. haben.
  • Ein Symbol kann in CSS oder HTML eingebettet werden. In HTML können Sie das Zeichen direkt verwenden oder eine HTML-Entität verwenden, um es darzustellen.
  • Einige Symbole können ohne Verwendung eines Webfonts angezeigt werden. Die meisten Symbole können nicht.
  • Die mehrfache Verwendung desselben Symbols impliziert eine Duplizierung des Symbols, wenn Ihr Zeichen in den HTML-Code eingebettet ist. Beim Einbetten der Datei in das CSS ist keine Vervielfältigung erforderlich.
  • Sie können verwendet werden color, font-size, line-height,background-color oder anderes Schriftart im Zusammenhang Stilregeln die Anzeige Ihres Symbols ändern
  • Sie benötigen keine besonderen technischen Kenntnisse
  • Unterstützung in allen gängigen Browsern, einschließlich alter IE-Versionen

Persönlich würde ich die Verwendung von Hintergrundbildern nur empfehlen, wenn Sie mehrere Farben benötigen und diese Farben nicht erreicht werden können mit color:background-color und anderen farbbezogenen CSS - Regeln für Schriftarten.

Der Hauptvorteil der Verwendung von SVG-Bildern besteht darin, dass Sie verschiedenen Komponenten eines Symbols ein eigenes Design geben können. Wenn Sie Ihren SVG-XML-Code in das HTML-Dokument einbetten, ist dies dem Stil des HTML-Codes sehr ähnlich. Dies würde jedoch zu einer Webseite führen, die sowohl HTML-Tags als auch SVG-Tags verwendet, was die Lesbarkeit einer Webseite erheblich beeinträchtigen könnte. Es fügt auch zusätzliches Aufblähen hinzu, wenn das Symbol auf mehreren Seiten wiederholt wird und Sie berücksichtigen müssen, dass alte Versionen von IE SVG nicht oder nur eingeschränkt unterstützen.


14

"Nicht ASCII (weder ↑ / ↓)" muss qualifiziert werden.

Während diese Zeichen im amerikanischen Standardcode für den Informationsaustausch nicht als Glyphen definiert sind, wurden ihre Codes üblicherweise verwendet, um eine grafische Darstellung der ASCII-Codes 24 und 25 (hex 18 und 19, CANcel und EM: Ende des Mediums) zu geben. Codepage 437 (von IBM Extended ASCII genannt, enthält die numerischen Codes 128 bis 255) definierte die Verwendung dieser Glyphen als ASCII-Codes, und die Allgegenwart dieser Konventionen durchdrang die Branche, da sie von führenden Unternehmen wie HP als Standards eingesetzt wurden. insbesondere für Drucker und IBM, insbesondere für Mikrocomputer, die mit dem Original-PC beginnen.

So wie die Verwendung der ASCII-Codes für CAN und EM zu dieser Zeit relativ veraltet war und ihre Verwendung als Glyphen rechtfertigte, hat die Verwendung der Codes als Glyphen im Laufe der Zeit durch die derzeitige Verwendung von UNICODE-Konventionen überholt.


Es sollte betont werden, dass die von IBM in Extended ASCII vorgenommenen Erweiterungen von ASCII nicht nur einen größeren numerischen Satz für die numerischen Codes 128 bis 255 enthielten, sondern auch die Verwendung einiger numerischer Steuercodes im ASCII-Bereich von 0 bis 32 von Nur Protokolle zur Steuerung der Medienübertragung, die Glyphen enthalten. Es wird oft fälschlicherweise angenommen, dass die ersten 0 bis 128 nicht "erweitert" wurden und dass IBM die Glyphen von herkömmlichem ASCII für diesen Bereich verwendete. Dieser Fehler wird auch in einer der vorherigen Referenzen begangen. Dieser Fehler war so weit verbreitet, dass er ASCII umgangssprachlich unterschwellig neu definierte.


5
Schöne informative Antwort, aber ich glaube, Timj hat nach Alternativen zu ↑ / ↓ gefragt.
— David Hogue

13

Ich weiß, dass ich zu spät zur Party komme, aber Sie können dies auch mit einfachem CSS erreichen:

HTML:

(Es kann sich um ein beliebiges HTML-Element handeln. Wenn Sie ein Inline-Element wie <span>z. B. verwenden, stellen Sie sicher, dass Sie es zu einem Block / Inline-Block-Element mit display:block;oder machen. display:inline-block) :

<div class="up"></div>

und

<div class="down"></div>

CSS:

.up {
   height:0;
   width:0;
   border-top:100px solid black;
   border-left:100px solid transparent;
   transform:rotate(-45deg);   
  }

.down {
   height:0;
   width:0;
   border-bottom:100px solid black;
   border-right:100px solid transparent;
   transform:rotate(-45deg); 
  }

Sie können dies auch mit :beforeund erreichen:after Pseudoelementen erreichen, was eigentlich ein besserer Weg ist, da Sie vermeiden, zusätzliches Markup zu erstellen. Aber es liegt an Ihnen, wie Sie dies erreichen möchten.

- -

Hier ist eine Demo in CodePen mit vielen Pfeilmöglichkeiten .


Es ist zwar schön, dies in reinem CSS tun zu können, aber es gibt einige Probleme, wie z. B. mangelnde Unterstützung für die Schattierung in Firefox oder IE. Nach stundenlanger Verschwendung
— kehre

@ direct00 Du verpasst den Punkt. Wenn Sie wissen, dass Sie Ihre Pfeile auf eine bestimmte Weise stylen, wissen Sie sofort, welche Methode für Ihre Anforderungen am besten geeignet ist. Wenn Sie Ihre Zeit verschwendet haben, ist es nicht das Problem meiner Lösung, sondern Ihres. Und diese Einstellung ist auch nicht nötig. Viel Glück.
— Ricardo Zea

11

Viele Leute hier schlagen vor, die Dreiecke zu verwenden, aber manchmal braucht man einen Chevron.

Wir hatten einen Fall, in dem unsere Schaltfläche einen Chevron zeigt, und wollten, dass das Benutzerhandbuch auf die Schaltfläche so verweist, dass sie auch von einem nicht technischen Benutzer erkannt wird. Also brauchten wir ein Chevron-Schild.

Wir haben am Ende ﹀ verwendet. Es ist als PRÄSENTATIONSFORMULAR FÜR VERTIKALE RECHTE WINKELHALTERUNG bekannt und der Code lautet U + FE40.


11

Normalerweise ist es am besten, einen Charakter in seinem Kontext zu sehen.

Hier ist die vollständige Liste der Unicode-Zeichen und wie Ihr Browser sie derzeit anzeigt. Ich sehe, wie sich diese Liste weiterentwickelt, Browserversionen nach anderen.

Diese Liste wird durch Iteration der Unicode-Tabelle der HTML-Entitäten in Dezimalzahl erhalten. Es kann einige Sekunden dauern, ist aber in vielen Fällen für mich sehr nützlich.

Wenn Sie schnell mit der Maus über ein bestimmtes Zeichen fahren, erhalten Sie dec und hex sowie die Verknüpfungen, um es mit einer Tastatur zu generieren.

var i = 0
    do document.write("<a title='(Linux|Hex): [CTRL+SHIFT]+u"+(i).toString(16)+"\nHtml entity: &# "+i+";\n&#x"+(i).toString(16)+";\n(Win|Dec): [ALT]+"+i+"' onmouseover='this.focus()' onclick='this.href=\"//google.com/?q=\"+this.innerHTML' style='cursor:pointer' target='new'>"+"&#"+i+";</a>"),i++
    while (i<136690)
window.stop() 


//  From https://codepen.io/Nico_KraZhtest/pen/mWzXqy

Das gleiche Snippet wie ein Lesezeichen:

javascript:void%20!function(){var%20t=0;do{document.write(%22%3Ca%20title='(Linux|Hex):%20[CTRL+SHIFT]+u%22+t.toString(16)+%22\nHtml%20entity:%20%26%23%20%22+t+%22;\n%26%23x%22+t.toString(16)+%22;\n(Win|Dec):%20[ALT]+%22+t+%22'%20onmouseover='this.focus()'%20onclick='this.href=\%22https://google.com/%3Fq=\%22+this.innerHTML'%20style='cursor:pointer'%20target='new'%3E%26%23%22+t+%22;%3C/a%3E%22),t++}while(t%3C136690);window.stop()}();

So generieren Sie diese Liste aus PHP :

for ($x = 0; $x < 136690; $x++) {
  echo html_entity_decode('&#'.$x.';',ENT_NOQUOTES,'UTF-8');
}

Um diese Liste in der Konsole zu generieren, verwenden Sie PHP :

php -r 'for ($x = 0; $x < 136690; $x++) { echo html_entity_decode("&#".$x.";",ENT_NOQUOTES,"UTF-8");}'

Hier ist ein Klartext-Auszug von Pfeilen, einige kommen mit Unicode 10.0 . http://unicode.org/versions/Unicode10.0.0/

Unicode 10.0 fügt 8.518 Zeichen hinzu, was insgesamt 136.690 Zeichen entspricht.

🔙🔚🔛🔜🔝🖗🖘🖙🖚🖛🖜🖝🖞🖟🞀🞁🞂🞃🔺🔻🔼🔽𝆒𝆓𐃘⭝⭞⭟⭠⭡⭢⭣⭤⭥⭦⭧⭨⭩⭪⭫⭬⭭⭮⭯⭰⭱⭲⭳⭶⭷ ⭸⭹⭺⭻⭼⭽⭾⭿⮀⮁⮂⮃⮄⮅⮆⮇⮈⮉⮊⮋⮌⮍⮎⮏⮐⮑⮒⮓⮔⮕⮘⮙⮚⮛⮜⮝⮞⮟⮠⮡⮢⮣⮤⮥⮦⮧⮨⮩⮪⮫ ⮬⮭⮮⮯⮰⮱⮲⮳⮴⮵⮶⮷⮸⮹⮽⮾⮿⯀⯁⯂⯅⯆⯇⯈⬶⬷⬸⬹⬺⬻⬼⬽⬾⬀⬁⬂⬃⬄⬅⬆⬇⬈⬉⬊⬋⬌⬍⬎⬏⬐ ⬑⤀⤁⤂⤃⤄⤅⤆⤇⤈⤉⤊⤋⤌⤍⤎⤏⤐⤑⤒⤓⤔⤕⤖⤗⤘⤙⤚⤛⤜⤝⤞⤟⤠⤡⤢⤣⤤⤥⤦⤧⤨⤩⤪⤫⤬⤭⤮⤯⤰ ⤱⤲⤳⤴⤵⤶⤷⤸⤹⤺⤻⤼⤽⤾⤿⥀⥁⥂⥃⥄⥅⥆⥇⥈⥉⥊⥋⥌⥍⥎⥏⥐⥑⥒⥓⥔⥕⥖⥗⥘⥙⥚⥛⥜⥝⥞⥟⥠⥡⥢ ⥣⥤⥥⥦⥧⥨⥩⥪⥫⥬⥭⥮⥯⥰⥱⥲⥳⥴⥵⟨⟩⟪⟫⟬⟭⟮⟯⟰⟱⟲⟳⟴⟵⟶⟷⟸⟹⟺⟻⟼⟽⟾⟿➘➙➚➛➜➝➞ ➟➠➡➢➣➤➥➦➧➨➩➪➫➬➭➮➯➰➱➲➳➴➵➶➷➸➹➺➻➼➽➾⊲⊳⊴⊵ ← ↑ → ↓ ↔↕↖↗↘↙↚↛↜↝ ↞↟↠↡↢↣↤↥↦↧↨↩↪↫↬↭↮↯↰↱↲↳↴↵↶↷↸↹↺↻↼↽↾↿⇀⇁⇂⇃⇄⇅⇆⇇⇈⇉⇊⇋⇌⇍⇎⇏ ⇐⇑⇒⇓⇔⇕⇖⇗⇘⇙⇚⇛⇜⇝⇞⇟⇠⇡⇢⇣⇤⇥⇦⇧⇨⇩⇪⇫⇬⇭⇮⇯⇰⇱⇲⇳⇴⇵⇶⇷⇸⇹⇺⇻⇼⇽⇾⇿ᐂᐃᐄᐅᐆᐇᐈᐉᐊᐋᐌᐍᐎᐏᐐᐑᐒᐓᐔᐕᐖᐗᐘᐙᐚᐛᐫᐬᐭᐮᐯᐰᐱᐲᐳᐴᐵᐶᐷᐸᐹᐺᐻᐼᐽᐾᐿᑀᑁᑂᑃᑄᑅᑆᑇᑈ🞀 🞁🞂🞃🠀🠁🠂🠃🠄🠅🠆🠇🠈🠉🠊🠋🠐🠑🠒🠓🠔🠕🠖🠗🠘🠙🠚🠛🠜🠝🠞🠟🠠🠡🠢🠣🠤🠥🠦🠧🠨🠩🠪🠫🠬🠭🠮🠯🠰🠱🠲 🠳🠴🠵🠶🠷🠸🠹🠺🠻🠼🠽🠾🠿🡀🡁🡂🡃🡄🡅🡆🡇🡐🡑🡒🡓🡔🡕🡖🡗🡘🡙🡠🡡🡢🡣🡤🡥🡦🡧🡨🡩🡪🡫🡬🡭🡮🡯🡰🡱🡲 🡳🡴🡵🡶🡷🡸🡹🡺🡻🡼🡽🡾🡿🢀🢁🢂🢃🢄🢅🢆🢇🢐🢑🢒🢓🢔🢕🢖🢗🢘🢙🢚🢛🢜🢝🢞🢟🢠🢡🢢🢣🢤🢥🢦🢧🢨🢩🢪🢫


1
Das sieht hilfreich aus. Wissen Sie, wie Sie feststellen können, ob Unicode 10 in bestimmten Browsern unterstützt wird? Ich habe caniuse.com/#search=unicode%2010 überprüft , aber es schien nicht zu sagen.
— Ryan

1
Nun, schwer zu sagen. Für Linux-freie Browser wie Chrom ist es nicht sofort einsatzbereit, aber wir können zusätzliche Schriftarten installieren. Das vollständigste ist wahrscheinlich emojione: github.com/emojione/emojione
— NVRM

10

HTML-Entitäten für leere Dreiecke
◁ = &#9665;
▷ = &#9655;
▽ = &#9661;
△ =&#9651;



9

Ich denke, der Fragesteller bezieht sich möglicherweise auf eine dieser Fragen (siehe beigefügtes Bild). Ich habe diese StackOverflow-Frage gefunden, als ich selbst nach derselben Sache gesucht habe.

Leider scheint diese Glyphe nirgendwo als eigenständige Zeicheneinheit zu existieren. Wikipedia erreicht dies im Folgenden, indem Inline-Javascript und img content = "data: image / gif ..." verwendet werden, um das Symbol zu erhalten.

Hier ist übrigens die base64 dafür:

data:image/gif;base64,R0lGODlhFQAJAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODcwMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODZGMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAJAAACF4yPgMsJ2mJ4VDKKrd4GVz5lYPeMiVUAADs=

Hoffe das hilft jemandem! Geben Sie hier die Bildbeschreibung ein


2
Hoppla, ich habe gerade bemerkt, dass der Fragesteller "rauf oder runter" sagte, also vergiss es, aber einige mögen dieses "rauf und runter" bis zu einem gewissen Grad nützlich finden.
— weasel5i2

2
Die base64-Option ist eine gute Ergänzung zu diesem Thread. Guter.
— DreamTeK

2
Obwohl die base64-Zeichenfolge für ein einfaches GIF zu lang ist. Ich habe ein schärferes base64-Bild desselben Symbols auf 70 Zeichen komprimiert. Ich habe es meiner obigen Antwort hinzugefügt.
— DreamTeK

1
Kann es die Farbe anpassen?
— Hlung

5

Dies scheint zu implizieren, dass 030 und 031 Auf- und Ab-Dreiecke sind.

(Wie Bobince betonte, scheint dies kein ASCII-Standard zu sein.)


6
funktioniert bei mir. ... Der Link, nicht die Charaktere; Das ist Codepage 437 , überhaupt nicht ASCII. 437 ist eine alte DOS-Codepage, die in Browsern nicht verwendet werden kann.
— Bobince

2
Ich habe gerade "ALT- [NUMPAD 3] - [NUMPAD 1]" ausprobiert und Folgendes erhalten: ▼ (Betriebssystem ist Windows XP SP3, Browser ist Firefox 3.6 (?)).
— FrustratedWithFormsDesigner

4

Ich benutze ▼ und ▲, aber sie funktionieren möglicherweise nicht für Sie. Ich benutze alt 11551 für den ersten und 11550 für den zweiten. Sie können sie jederzeit kopieren und einfügen, wenn der ASCII für Ihr System nicht identisch ist.


1

Ich habe festgestellt, dass die meisten hier empfohlenen Symbole (▼ und ▲) zu fett aussehen. Auf der vom Benutzer ADJenks empfohlenen Website codepoints.net habe ich diese Symbole gefunden, die für meinen Geschmack besser aussehen: 🞀 (U + 1F780) 🞁 (U + 1F781) 🞂 (U + 1F782) 🞃 (U + 1F783)


Das 🞁 und 🞃 sind sicherlich hübscher, aber sie funktionieren nicht in React Native (zumindest in v0.59)
— Laszlo

0

Die Seite, die ich dafür gerne benutze, ist codepoints.net

Hier ist eine Suche nach den Wörtern "Pfeilspitze" und "Dreieck": https://codepoints.net/search?q=arrowhead+triangle

Es gibt einige Übereinstimmungen für "Dreieckspfeil" mit Stielen, aber es sind nur 4 kleine Seiten zum Überfliegen und es gibt viele gute Übereinstimmungen mit netten Details zu jedem Charakter.

Es gibt auch einen Codeblock für "Verschiedene Symbole und Pfeile", und diese Website listet sie hier auf: https://codepoints.net/miscellaneous_symbols_and_arrows


0

Hier ist noch einer - ᐞ - Unicode U + 141E / CANADIAN SYLLABICS GLOTTAL STOP

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.