ฉันกำลังมองหาอักขระHTMLหรือASCIIซึ่งเป็นรูปสามเหลี่ยมที่ชี้ขึ้นหรือลงเพื่อให้ฉันสามารถใช้เป็นสวิตช์สลับได้

ฉันพบ↑ ( ↑) และ↓ ( ↓) - แต่มีก้านแคบ ฉันกำลังมองหาลูกศร HTML "หัว"

หัวลูกศร Unicode:

• ▲ - สามเหลี่ยมสามเหลี่ยมที่มีจุดสีดำ U + 25B2
• ▼ - สามเหลี่ยมสามเหลี่ยมแห่งการจุดสีดำของ U + 25BC
• ▴ - U + 25B4 สามเหลี่ยมเล็กจุดดำ
• ▾ - U + 25BE สามเหลี่ยมจุดดำขนาดเล็กลง

สำหรับ▲และ▼ใช้▲และ▼ตามลำดับหากคุณไม่สามารถรวมอักขระ Unicode ได้โดยตรง (ใช้ UTF-8!)

โปรดทราบว่าการสนับสนุนแบบอักษรสำหรับรุ่นที่เล็กกว่านั้นไม่ดี ดีกว่าที่จะใช้รุ่นใหญ่ในแบบอักษรขนาดเล็ก

ลูกศร Unicode เพิ่มเติมอยู่ที่:

• http://en.wikipedia.org/wiki/Arrow_%28symbol%29#Arrows_in_Unicode
• http://en.wikipedia.org/wiki/Geometric_Shapes

สุดท้ายลูกศรเหล่านี้ไม่ใช่ ASCII รวมถึง↑และ↓: เป็น Unicode

สำหรับเอนทิตี HTML
◄ = ◄
► = ►
▼ = ▼
▲ =▲

ตัวเลือกที่ 1: ลูกศรคอลัมภ์ UNICODE

ฉันพบสิ่งนี้มีประโยชน์มากสำหรับตัวเรียงลำดับคอลัมน์อักขระเดียว (หน้าตาดี upscaled)

⇕ = ⇕

หมายเหตุสำคัญ (เมื่อใช้สัญลักษณ์ Unicode)

การสนับสนุน Unicode นั้นแตกต่างกันไปขึ้นอยู่กับสัญลักษณ์ของตัวเลือกเบราว์เซอร์และตระกูลฟอนต์ หากคุณพบว่าสัญลักษณ์ที่คุณเลือกไม่ทำงานในบางเบราว์เซอร์ให้ลองใช้ฟอนต์ตระกูลอื่น Microsoft แนะนำให้"Segoe UI Symbol"แต่ควรรวมแบบอักษรไว้ในเว็บไซต์ของคุณเนื่องจากมีผู้ใช้ไม่กี่คนในคอมพิวเตอร์

เปิดหน้านี้ในเบราว์เซอร์อื่นเพื่อดูว่าสัญลักษณ์ใดที่แสดงผลด้วยแบบอักษรเริ่มต้น

ลูกศร Unicode บางลูกเพิ่มเติม

คุณสามารถคัดลอกพวกเขาออกหน้าด้านล่างหรือคุณสามารถใช้รหัส

ลูกศรแต่ละแถวมีหมายเลขจากซ้ายไปขวา:

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

เพียงใส่หมายเลข / ตัวอักษรที่เกี่ยวข้องก่อนปิดเซมิโคลอนข้างต้น

ș

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

Ț

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

ț

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

Ȝ

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

ȝ

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

Ȟ

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

ȟ

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

สัญลักษณ์ยูนิโค้ด HTML เพิ่มเติม

รายการที่เลือกของไอคอน / สัญลักษณ์ Unicode ที่เป็นประโยชน์อื่น ๆ

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

ตัวเลือก 2: CHEVRONS CSS บริสุทธิ์

ฉันเพิ่งทำบทความเกี่ยวกับการสร้างบั้งอย่างมีประสิทธิภาพโดยใช้ CSS เท่านั้น(ไม่ต้องใช้รูปภาพ)

วิธีปรับเปลี่ยนเพียง:

• หมุน
• ความหนา
• สี
• ขนาด

CLICK FOR DEMO ON JSFIDDLE

CSS (มีประสิทธิภาพพร้อมการรองรับข้ามเบราว์เซอร์)

.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>

ตัวเลือก 3: ไอคอน CSS CSS BASE64

ขึ้นลง

ลง

UP

การใช้ CSS เพียงไม่กี่บรรทัดเราสามารถเข้ารหัสภาพของเราเป็น base64

CLICK FOR DEMO ON JSFIDDLE

ข้อดี

• ไม่จำเป็นต้องรวมทรัพยากรเพิ่มเติมในรูปแบบของภาพหรือแบบอักษร
• รองรับความโปร่งใสอัลฟาเต็มรูปแบบ
• การสนับสนุนข้ามเบราว์เซอร์เต็มรูปแบบ
• ภาพ / ไอคอนขนาดเล็กสามารถจัดเก็บในฐานข้อมูล

ข้อเสีย

• การอัปเดต / การแก้ไขอาจกลายเป็นเรื่องยุ่งยาก
• ไม่เหมาะสำหรับภาพที่มีขนาดใหญ่เนื่องจากมีการสร้างรหัสมากเกินไป

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;
}

ขออภัยมีเฉพาะใน Unicode เท่านั้น :(

อันใหญ่:

• U+25B2 (สามเหลี่ยมชี้ขึ้นสีดำ▲)
• U+25BC (สามเหลี่ยมชี้ลงดำ▼)
• U+25C0 (สามเหลี่ยมชี้ซ้ายซ้าย◀)
• U+25B6 (สามเหลี่ยมชี้ขวาสีดำ▶)

สีขาวขนาดใหญ่:

• U+25B3 (สามเหลี่ยมชี้ขึ้นสีขาว△)
• U+25BD (สามเหลี่ยมชี้ลงสีขาว▽)
• U+25C1 (สามเหลี่ยมชี้ซ้ายสีขาว◁)
• U+25B7 (สามเหลี่ยมชี้ขวาสีขาว▷)

นอกจากนี้ยังมีรูปสามเหลี่ยมขนาดเล็กกว่า:

• U+25B4 (สามเหลี่ยมเล็ก ๆ ชี้ขึ้นดำ▴)
• U+25C2 (สามเหลี่ยมเล็กซ้ายชี้สีดำ◂)
• U+25BE (สามเหลี่ยมเล็ก ๆ ชี้ลงดำ▾)
• U+25B8 (สามเหลี่ยมเล็ก ๆ ชี้ไปทางขวาสีดำ▸)

ยังมีบางคนสีขาว:

• U+25C3 (สามเหลี่ยมเล็ก ๆ สีขาวชี้ซ้าย)
• U+25BF (รูปสามเหลี่ยมเล็ก ๆ ชี้ลงสีขาว▿)
• U+25B9 (สีขาวสามเหลี่ยมเล็ก ๆ ชี้ไปทางขวา)
• U+25B5 (สามเหลี่ยมเล็ก ๆ สีขาวชี้ขึ้น)

นอกจากนี้ยังมีรูปสามเหลี่ยมบางอัน "แหลม" คุณสามารถอ่านเพิ่มเติมได้ที่นี่ใน Wikipedia:
http://en.wikipedia.org/wiki/Geometric_Shapes

แต่น่าเสียดายที่มันเป็น Unicode ทั้งหมดแทนที่จะเป็น ASCII หากคุณยังคงต้องการที่จะใช้ ASCII แล้วคุณสามารถใช้ไฟล์ภาพสำหรับมันในการใช้เพียงและ^ v( เช่นเดียวกับ Google Maps ในรุ่นมือถือซึ่งอ้างถึงGoogle แผนที่มือถือโบราณ )

ตามที่คนอื่นแนะนำเช่นกันคุณยังสามารถสร้างสามเหลี่ยมด้วย HTML ได้ไม่ว่าจะเป็นขอบ CSS หรือรูปร่าง SVG หรือแม้กระทั่งผืนผ้าใบ JavaScript

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();
}

การสาธิต

เนื่องจากคุณใช้ลูกศรเหล่านี้เป็นสวิตช์สลับคุณอาจต้องการพิจารณาสร้างลูกศรเหล่านี้ด้วยองค์ประกอบ html โดยใช้รูปแบบต่อไปนี้แทนอักขระ unicode

.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/

มีหัวลูกศรที่แท้จริงในบล็อกตัวอักษร Spacing Modifier :

U+02C2  ˂   ˂  Modifier Letter Left  Arrowhead
U+02C3  ˃   ˃  Modifier Letter Right Arrowhead
U+02C4  ˄   ˄  Modifier Letter Up    Arrowhead
U+02C5  ˅   ˅  Modifier Letter Down  Arrowhead

มีหลายวิธีที่ถูกต้องในการแสดงสามเหลี่ยมชี้ลง

วิธีที่ 1: ใช้เอนทิตี HTML ทศนิยม

HTML:

▼

วิธีที่ 2: ใช้เอนทิตี HTML ฐานสิบหก

HTML:

▼

วิธีที่ 3: ใช้อักขระโดยตรง

HTML:

▼

วิธีที่ 4: ใช้ CSS

HTML:

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

CSS:

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

แต่ละวิธีการทั้งสามควรมีผลลัพธ์เดียวกัน สำหรับสัญลักษณ์อื่นมีสามตัวเลือกเดียวกัน บางคนมีตัวเลือกที่สี่ให้คุณใช้การอ้างอิงแบบสตริง (เช่น♥เพื่อแสดง♥)

คุณสามารถใช้เว็บไซต์อ้างอิงเช่นUnicode-table.comเพื่อค้นหาไอคอนที่สนับสนุนใน UNICODE และรหัสใดที่สอดคล้องกับ ตัวอย่างเช่นคุณพบว่าค่าสำหรับรูปสามเหลี่ยมลงชี้ที่http://unicode-table.com/en/25BC/

โปรดทราบว่าวิธีการเหล่านี้เพียงพอสำหรับไอคอนที่มีให้เป็นค่าเริ่มต้นในทุกเบราว์เซอร์เท่านั้น สำหรับสัญลักษณ์เช่น☃, ❄, ★, ☂, ☭, ⎗หรือ⎘นี่เป็นโอกาสที่น้อยมาก ในขณะที่เป็นไปได้ที่จะให้การสนับสนุนข้ามเบราว์เซอร์สำหรับสัญลักษณ์ UNICODE อื่น ๆ ขั้นตอนนั้นซับซ้อนกว่าเล็กน้อย

หากคุณต้องการทราบวิธีเพิ่มการสนับสนุนสำหรับอักขระ UNICODE ที่พบน้อยกว่าโปรดดูที่การสร้าง webfont ด้วยสัญลักษณ์ Unicode Multilingual Multilingual Planeเพิ่มเติมสำหรับข้อมูลเพิ่มเติมเกี่ยวกับวิธีการทำเช่นนี้

ภาพพื้นหลัง

กลยุทธ์ที่แตกต่างอย่างสิ้นเชิงคือการใช้ภาพพื้นหลังแทนแบบอักษร เพื่อประสิทธิภาพที่ดีที่สุดขอแนะนำให้ฝังรูปภาพในไฟล์ CSS ของคุณโดยการเข้ารหัสพื้นฐานตามที่กล่าวถึงโดยเช่น @ weasel5i2 และ @Obsidian ฉันอยากจะแนะนำให้ใช้ SVG มากกว่า GIF อย่างไรก็ตามมันดีกว่าทั้งประสิทธิภาพและความคมชัดของสัญลักษณ์ของคุณ

รหัสต่อไปนี้เป็นไอคอนbase64 for และเวอร์ชัน SVG :

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

ควรใช้ภาพพื้นหลังหรือแบบอักษรเมื่อใด

สำหรับกรณีการใช้งานจำนวนมากภาพพื้นหลังที่ใช้ SVG และแบบอักษรของไอคอนนั้นส่วนใหญ่เทียบเท่ากับประสิทธิภาพและความยืดหยุ่น หากต้องการตัดสินใจว่าจะเลือกอะไรให้พิจารณาความแตกต่างดังต่อไปนี้:

ภาพ SVG

• พวกเขาสามารถมีหลายสี
• พวกเขาสามารถฝัง CSS และ / หรือสไตล์ของเอกสาร HTML ได้
• สามารถโหลดเป็นไฟล์แยกฝังใน CSS และฝังใน HTML
• สัญลักษณ์แต่ละอันจะถูกแทนด้วยรหัส XML หรือรหัส base64 คุณไม่สามารถใช้อักขระโดยตรงภายในโปรแกรมแก้ไขโค้ดของคุณหรือใช้เอนทิตี HTML
• การใช้สัญลักษณ์เดียวกันหลายครั้งหมายถึงการทำซ้ำสัญลักษณ์เมื่อฝังโค้ด XML ใน HTML ไม่จำเป็นต้องทำซ้ำเมื่อฝังไฟล์ใน CSS หรือโหลดเป็นไฟล์แยกต่างหาก
• คุณไม่สามารถใช้color, font-size, line-height, background-colorหรือตัวอักษรที่เกี่ยวข้องกับการจัดแต่งทรงผมกฎอื่น ๆ ที่จะเปลี่ยนการแสดงไอคอนของคุณ แต่คุณสามารถอ้างอิงองค์ประกอบที่แตกต่างของไอคอนเป็นรูปทรงที่เป็นเอกลักษณ์
• คุณต้องการความรู้เกี่ยวกับการเข้ารหัส SVG และ / หรือ base64
• มีข้อ จำกัด หรือไม่มีการสนับสนุนใน IE เวอร์ชันเก่า

แบบอักษรของไอคอน

• ไอคอนสามารถมีได้เพียงหนึ่งสีเติมสีพื้นหลังหนึ่งสีและอื่น ๆ
• ไอคอนสามารถฝังใน CSS หรือ HTML ใน HTML คุณสามารถใช้อักขระโดยตรงหรือใช้เอนทิตี HTML เพื่อเป็นตัวแทน
• สัญลักษณ์บางตัวสามารถแสดงผลได้โดยไม่ต้องใช้ webfont สัญลักษณ์ส่วนใหญ่ไม่สามารถ
• การใช้สัญลักษณ์เดียวกันหลายครั้งแสดงถึงการซ้ำซ้อนของสัญลักษณ์เมื่ออักขระของคุณฝังอยู่ใน HTML ไม่จำเป็นต้องทำซ้ำเมื่อทำการฝังไฟล์ใน CSS
• คุณสามารถใช้color, font-size, line-height, background-colorหรือตัวอักษรที่เกี่ยวข้องกับการจัดแต่งทรงผมกฎอื่น ๆ ที่จะเปลี่ยนการแสดงไอคอนของคุณ
• คุณไม่จำเป็นต้องมีความรู้ด้านเทคนิคเป็นพิเศษ
• รองรับเบราว์เซอร์หลัก ๆ ทุกรุ่นรวมถึง IE เวอร์ชั่นเก่า

ส่วนตัวผมจะแนะนำให้ใช้พื้นหลังภาพเฉพาะเมื่อคุณต้องการหลายสีและสีเหล่านั้นไม่สามารถทำได้โดยวิธีการของcolor, background-colorและกฎระเบียบ CSS สีอื่น ๆ ที่เกี่ยวข้องสำหรับแบบอักษร

ประโยชน์หลักของการใช้ภาพ SVG คือคุณสามารถให้องค์ประกอบที่แตกต่างของสัญลักษณ์ในสไตล์ของตัวเอง หากคุณฝังโค้ด SVG XML ของคุณในเอกสาร HTML สิ่งนี้จะคล้ายกับการกำหนดสไตล์ HTML อย่างไรก็ตามสิ่งนี้จะส่งผลให้หน้าเว็บที่ใช้ทั้งแท็ก HTML และแท็ก SVG ซึ่งสามารถลดความสามารถในการอ่านหน้าเว็บได้อย่างมาก นอกจากนี้ยังเพิ่มการขยายเพิ่มเติมหากสัญลักษณ์ซ้ำหลายหน้าและคุณต้องพิจารณาว่า IE เวอร์ชันเก่าไม่มีการสนับสนุน SVG หรือไม่ จำกัด

"ไม่ใช่ ASCII (ไม่ใช่↑ / ↓)" ต้องมีการรับรอง

ในขณะที่ตัวละครเหล่านี้ไม่ได้ถูกกำหนดในรหัสมาตรฐานอเมริกันสำหรับการแลกเปลี่ยนข้อมูลเป็นร่ายมนตร์รหัสของพวกเขาถูกนำมาใช้เพื่อให้การนำเสนอแบบกราฟิกสำหรับรหัส ASCII 24 และ 25 (ฐานสิบหก 18 และ 19, CANcel และ EM: จุดสิ้นสุดของสื่อกลาง) รหัสหน้า 437 (เรียกว่า Extended ASCII โดย IBM รวมถึงรหัสตัวเลข 128 ถึง 255) กำหนดการใช้ glyphs เหล่านี้เป็นรหัส ASCII และความแพร่หลายของอนุสัญญาเหล่านี้แทรกซึมอุตสาหกรรมตามที่เห็นโดยการปรับใช้เป็นมาตรฐานโดย บริษัท ชั้นนำเช่น HP โดยเฉพาะอย่างยิ่งสำหรับเครื่องพิมพ์และ IBM โดยเฉพาะอย่างยิ่งสำหรับไมโครคอมพิวเตอร์ที่เริ่มต้นด้วยพีซีดั้งเดิม

เช่นเดียวกับการใช้รหัส ASCII สำหรับ CAN และ EM ค่อนข้างล้าสมัยในเวลานั้นทำให้การใช้ glyphs นั้นเป็นไปตามกาลเวลาดังนั้นการใช้เวลาจึงใช้รหัสเป็น glyphs ที่ล้าสมัยจากการใช้ UNICODE ในปัจจุบัน

ควรเน้นว่าส่วนขยายของ ASCII ที่ทำโดย IBM ใน Extended ASCII นั้นไม่ได้รวมเฉพาะชุดตัวเลขขนาดใหญ่สำหรับรหัสตัวเลข 128 ถึง 255 แต่ยังขยายการใช้รหัสควบคุมตัวเลขบางตัวในช่วง ASCII 0 ถึง 32 จาก เพียงแค่โปรโตคอลควบคุมการส่งผ่านสื่อที่จะรวมร่ายมนตร์ มันถูกสันนิษฐานว่าไม่ถูกต้องบ่อยครั้งที่ 0 ถึง 128 ตัวแรกไม่ได้ "ขยาย" และ IBM ใช้ glyphs ของ ASCII ทั่วไปสำหรับช่วงนี้ ข้อผิดพลาดนี้ยังได้รับการบิดเบือนในการอ้างอิงก่อนหน้านี้อย่างใดอย่างหนึ่ง ข้อผิดพลาดนี้แพร่หลายไปทั่วจนนิยามใหม่ของการเรียก ASCII subliminally

ฉันรู้ว่าฉันมางานปาร์ตี้ช้า แต่คุณสามารถทำสิ่งนี้ได้ด้วย CSS ธรรมดาเช่นกัน:

HTML:

(มันอาจเป็นองค์ประกอบ HTML ใด ๆ หากคุณกำลังใช้องค์ประกอบอินไลน์เช่น<span>ยกตัวอย่างเช่นต้องแน่ใจว่าคุณทำให้มันเป็นองค์ประกอบบล็อก / องค์ประกอบแบบอินไลน์บล็อกด้วยdisplay:block;หรือdisplay:inline-block) :

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

และ

<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); 
  }

นอกจากนี้คุณยังสามารถทำได้โดยใช้:beforeและ:afterองค์ประกอบแบบหลอกซึ่งเป็นวิธีที่ดีกว่าเนื่องจากคุณหลีกเลี่ยงการสร้างมาร์กอัปเพิ่มเติม แต่ขึ้นอยู่กับคุณว่าคุณต้องการทำให้สำเร็จ

-

นี่คือตัวอย่างใน CodePen ที่มีลูกศรมากมาย

ผู้คนมากมายที่นี่แนะนำให้ใช้รูปสามเหลี่ยม แต่บางครั้งคุณต้องการบั้ง

เรามีกรณีที่ปุ่มของเราแสดงเครื่องหมายบั้งและต้องการให้ผู้ใช้อ้างอิงถึงปุ่มในลักษณะที่ผู้ใช้ที่ไม่ใช่ด้านเทคนิคจะได้รับการยอมรับด้วยเช่นกัน ดังนั้นเราจึงจำเป็นต้องมีเครื่องหมายบั้ง

เราใช้﹀ในที่สุด มันเป็นที่รู้จักกันในชื่อรูปแบบการนำเสนอสำหรับฉากมุมฉากทางขวาและรหัสของมันคือ U + FE40

โดยปกติแล้วสิ่งที่ดีที่สุดคือการเห็นตัวละครในบริบทของเขา

นี่คือรายการอักขระ Unicodeทั้งหมดและวิธีที่เบราว์เซอร์ของคุณแสดงในขณะนี้ ฉันเห็นรายการนี้มีการเปลี่ยนแปลงรุ่นของเบราว์เซอร์หลังจากที่อื่น ๆ

รายการนี้ได้มาจากการวนซ้ำในหน่วยทศนิยมของตารางหน่วย html unicode อาจใช้เวลาสักครู่ แต่มีประโยชน์มากสำหรับฉันในหลาย ๆ กรณี

ด้วยการโฮเวอร์อักขระที่กำหนดอย่างรวดเร็วคุณจะได้รับ dec และ hex และทางลัดเพื่อสร้างมันขึ้นมาด้วยคีย์บอร์ด

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

ตัวอย่างเดียวกับ bookmarklet:

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()}();

ในการสร้างรายการนั้นจาก php :

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

ในการสร้างรายการนั้นในคอนโซลให้ใช้ php :

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

นี่คือสารสกัดจากข้อความธรรมดาของลูกศรบางที่มาพร้อมกับUnicode 10.0 http://unicode.org/versions/Unicode10.0.0/

Unicode 10.0 เพิ่ม 8,518 ตัวอักษรรวม 136,690 ตัวอักษร

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

หน่วยงาน HTML สำหรับรูปสามเหลี่ยมว่างเปล่า
◁ = ◁
▷ = ▷
▽ = ▽
△ =△

▲▼นี่คือ U + 25B2 ( &#x25B2) และ U + 25BC ( &#x25BC) ตามลำดับ

ฉันคิดว่าผู้ถามอาจอ้างถึงหนึ่งในนั้น (ดูภาพที่แนบมา) - ฉันพบคำถาม StackOverflow นี้ในขณะที่ค้นหาสิ่งเดียวกันด้วยตนเอง

น่าเสียดายที่ glyph นี้ดูเหมือนจะไม่มีตัวตนที่แตกต่างจากที่อื่น Wikipedia ทำสำเร็จด้านล่างโดยใช้ javascript แบบอินไลน์และ img content = "data: image / gif ... " เพื่อให้ได้สัญลักษณ์

บังเอิญนี่คือ base64 สำหรับมัน:

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

หวังว่านี่จะช่วยใครซักคน!

อันนี้ดูเหมือนจะบอกเป็นนัยว่า 030 และ 031 เป็นสามเหลี่ยมขึ้นและลง

(ดังที่ Bobince ชี้ให้เห็นสิ่งนี้ดูเหมือนจะไม่เป็นมาตรฐาน ASCII)

ฉันใช้▼และ▲ แต่อาจไม่เหมาะกับคุณ ฉันใช้ alt 11551 สำหรับอันแรกและ 11550 สำหรับอันที่สอง คุณสามารถคัดลอกวางได้เสมอหาก ASCII ไม่เหมือนกันสำหรับระบบของคุณ

ฉันตัดสินใจว่าสัญลักษณ์ยอดนิยมที่แนะนำที่นี่ (▼และ▲) ดูหนาเกินไปดังนั้นเว็บไซต์ codepoints.net ที่แนะนำโดยผู้ใช้ ADJenks ฉันพบว่าสัญลักษณ์เหล่านี้ดูดีสำหรับรสนิยมของฉัน: 🞀 (U + 1F780) 🞁 (U + 1F781) 🞂 (U + 1F782) 🞃 (U + 1F783)

เว็บไซต์ที่ฉันชอบใช้สำหรับcodepoints.net

นี่คือการค้นหาคำว่า "หัวลูกศร" และ "สามเหลี่ยม": https://codepoints.net/search?q=arrowhead+triangle

มันมีไม้ขีดไฟบางอย่างสำหรับ "ลูกศรสามเหลี่ยมหัว" ที่มีก้าน แต่มีเพียง 4 หน้าเล็ก ๆ ที่จะเรียดและมีคู่ที่ดีมากมายพร้อมรายละเอียดที่ดีในตัวละครแต่ละตัว

นอกจากนี้ยังมีบล็อกรหัสสำหรับ "สัญลักษณ์และลูกศรเบ็ดเตล็ด" และเว็บไซต์นี้แสดงรายการไว้ที่นี่: https://codepoints.net/mเบ็ดเตล็ด_symbols_and_arrows

นี่คืออีกหนึ่ง - ᐞ - Unicode U + 141E / CANLIAN SYLLICS STOP GLOTTAL