Những ký tự nào có thể được sử dụng cho tam giác lên / xuống (mũi tên không có cuống) để hiển thị trong HTML?


1241

Tôi đang tìm kiếm một HTML hoặc tự ASCII là một hình tam giác chỉ lên hoặc xuống để tôi có thể sử dụng nó làm công tắc bật tắt.

Tôi tìm thấy ↑ ( ↑) và ↓ ( ↓) - nhưng những cái đó có thân hẹp. Tôi đang tìm kiếm "đầu" mũi tên HTML.


55
Bạn có thể sử dụng carat "^" (đó là shift-6) và chữ thường "v" nếu bạn muốn giữ mọi thứ đơn giản. Tùy thuộc vào phông chữ bạn chỉ định, chúng sẽ trông giống như mũi tên.
meagar

3
kiểm tra trang web này để biết thêm ký tự ASCII http://graphemica.com/char
mateusmaso

@mateusmaso - Đó là Unicode.
Derek 朕 會

17
Đây là một cách nhanh chóng để tìm thấy chúng trên một trang: amp-what.com/#q=trigin
ndp

10
Đây là người đã gặp khó khăn để thu thập mọi mũi tên Unicode có thể: xahlee.info/comp/unicode_arrows.html
Đánh dấu tiền chuộc

Câu trả lời:


1613

Đầu mũi tên Unicode:

  • - TRẢ LỜI ĐIỂM ĐEN U + 25B2
  • - TRẢ LỜI ĐIỂM XUỐNG ĐEN U + 25BC
  • - U + 25B4 TRÍ TUỆ NHỎ MÀU ĐEN
  • - TRẢ LỜI TẢI XUỐNG NHỎ U + 25BE NHỎ

Để sử dụng ▲ ▲▼respectively và tương ứng nếu bạn không thể bao gồm các ký tự Unicode trực tiếp (sử dụng UTF-8!).

Lưu ý rằng hỗ trợ phông chữ cho các phiên bản nhỏ hơn là không tốt. Tốt hơn để sử dụng các phiên bản lớn trong phông chữ nhỏ hơn.

Các mũi tên Unicode khác có tại:

Cuối cùng, các mũi tên này không phải là ASCII, bao gồm và: chúng là Unicode.


126
Ngoài ra, để hoàn thành bộ đầu tiên (lên xuống bên trái - ▲ ▼ ◀ ▼), bên trái là U + 25C0 và bên phải là U + 25B6. Tôi tìm thấy những thứ này ở đây: unicode.org/charts
Nathan Long

227
"Tam giác Unicode." Chỉ muốn nói rằng vì lợi ích của Google. :)
Nathan Long

120
Haha! Tôi chỉ cần những thứ này một lần nữa và tìm kiếm "tam giác Unicode". Google đưa tôi đến ngay đây. Huzzah!
Nathan Long

13
Có, mặc dù / ▶ được hỗ trợ ít hơn về phông chữ / dự phòng so với / ... thông thường người dùng IE6 sẽ thấy hình vuông. Các ký tự con trỏ trái / phải / ► được hỗ trợ rộng rãi hơn một chút mặc dù vẫn không phổ biến như lên / xuống.
bobince

86
Một lưu ý khác: Để thêm những thứ này trong CSS, bạn chỉ cần sử dụng phần số có dấu gạch chéo ngược ở phía trước, tức là .example {content: "\ 25B2"; }
Andrew

679

Đối với các thực thể HTML
= ◄
► = ►
▼ = ▼
▲ =▲


5
Tôi đã thử nghiệm các thực thể html đó. Tôi có thể báo cáo rằng mũi tên trái không hiển thị tốt trong trình duyệt Android, nhưng mũi tên phải thì có.
oabarca

3
@ user2070775 thực sự: saucelabs.com/jobs/55afcb2086824f4c9c0c1643f2485952/ . Phông chữ Droid Sans và Roboto không có hình tam giác; Droid Serif có 4 cái này (M ARI TÊN XUỐNG / M DOWNI XUỐNG, MÀU TRẮNG ĐEN / ĐIỂM ĐIỂM); Droid Sans Fallback có tất cả các TRÍ TUỆ ĐEN / TRẮNG / XUỐNG / TRÁI / PHẢI và ĐIỂM ĐIỂM ĐÚNG ĐEN - nhưng không có ĐIỂM ĐIỂM TRÁI PHIẾU.
Beni Cherniavsky-Paskin

9
Mã ALT cho các mã này là (Alt + 30), (Alt + 31) ▼, (Alt + 16) ►, (Alt + 17), đối với những người buộc phải nhập chúng theo cách thủ công.
Nate

4
Những nhân vật này hoạt động trong IE8. Nhìn chung, chúng là các trình duyệt chéo nhất quán hơn và nhìn tốt hơn trong Windows so với các hình tam giác trong câu trả lời được chấp nhận.
Will Koehler

9
Họ là cùng một câu trả lời. Ví dụ: Số thập phân 9650 là Số thập lục phân 25B2 (& # x25B2 là & # 9650).
Erik Philips

583

TÙY CHỌN 1: Mũi tên hình chữ nhật UNICODE COLUMN

Tôi thấy cái này rất tiện cho một bộ sắp xếp cột ký tự. (Có vẻ được nâng cấp tốt) .

⇕ = ⇕

Mũi tên sắp xếp cột bảng Unicode

LƯU Ý QUAN TRỌNG (Khi sử dụng các ký hiệu Unicode)

Hỗ trợ Unicode thay đổi tùy thuộc vào biểu tượng của sự lựa chọn, trình duyệt và họ phông chữ. Nếu bạn thấy biểu tượng đã chọn không hoạt động trong một số trình duyệt thì hãy thử sử dụng một họ phông chữ khác. "Segoe UI Symbol"Tuy nhiên, Microsoft khuyến nghị nên bao gồm phông chữ với trang web của bạn vì không nhiều người có nó trên máy tính của họ.

Mở trang này trong các trình duyệt khác để xem biểu tượng nào hiển thị với phông chữ mặc định.


Một số mũi tên Unicode khác.

Bạn có thể sao chép chúng ngay từ trang bên dưới hoặc bạn có thể sử dụng mã.

Mỗi hàng mũi tên được đánh số từ trái sang phải:

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

Đơn giản chỉ cần chèn số / chữ cái tương ứng trước dấu chấm phẩy đóng như trên.


ș

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


Ț

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


ț

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


Ȝ

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


ȝ

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


Ȟ

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


ȟ

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


Các ký hiệu unicode HTML bổ sung

Một danh sách được lựa chọn của các biểu tượng / biểu tượng Unicode hữu ích khác.

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

TÙY CHỌN 2: CHEVRONS PURE CSS

Gần đây tôi đã thực hiện một bài viết về việc tạo chevrons hiệu quả chỉ bằng CSS (Không yêu cầu hình ảnh).

Cách đơn giản để thay đổi:

  • VÒNG XOAY
  • ĐỘ DÀY
  • MÀU SẮC
  • KÍCH THƯỚC

CLICK FOR DEMO ON JSFIDDLE


nhập mô tả hình ảnh ở đây


CSS (Hiệu quả với sự hỗ trợ của trình duyệt chéo)

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


TÙY CHỌN 3: ICONS BASE64 HÌNH ẢNH

LÊN XUỐNG LÊN XUỐNG

XUỐNG XUỐNG

LÊN LÊN

Chỉ sử dụng một vài dòng CSS, chúng ta có thể mã hóa hình ảnh của mình thành base64.


CLICK FOR DEMO ON JSFIDDLE


PROS

  • Không cần bao gồm các tài nguyên bổ sung dưới dạng hình ảnh hoặc phông chữ.
  • Hỗ trợ minh bạch alpha đầy đủ.
  • Hỗ trợ đầy đủ trình duyệt.
  • Hình ảnh / biểu tượng nhỏ có thể được lưu trữ trong cơ sở dữ liệu.

TIÊU DÙNG

  • Cập nhật / chỉnh sửa có thể trở thành một rắc rối.
  • Không phù hợp với hình ảnh lớn do đánh dấu mã quá mức được tạo.

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

Các mũi tên unicode &#x21EB;trở lên trông ổn trong FF và IE, nhưng không hiển thị trong Chrome.
LandedGently

@LandedGently Hỗ trợ Unicode thay đổi tùy thuộc vào trình duyệt, tuy nhiên nếu bạn thử một phông chữ khác để hiển thị mã, chẳng hạn như "Biểu tượng giao diện người dùng Segoe", tuy nhiên sẽ rất khôn ngoan khi đưa phông chữ vào trang web của bạn. Mở trang này trong các trình duyệt khác để xem biểu tượng nào hiển thị với phông chữ mặc định.
DreamTeK

283

Xin lỗi nhưng chúng chỉ bằng Unicode. :

Những người lớn:

  • U+25B2 (Tam giác hướng lên màu đen)
  • U+25BC (Tam giác chỉ xuống màu đen ▼)
  • U+25C0 (Tam giác đen bên trái ◀)
  • U+25B6 (Tam giác nhọn bên phải màu đen ▶)

Những cái lớn màu trắng:

  • U+25B3 (Tam giác trắng hướng lên)
  • U+25BD (Tam giác chỉ xuống màu trắng ▽)
  • U+25C1 (Tam giác trắng bên trái ◁)
  • U+25B7 (Tam giác nhọn màu trắng)

Ngoài ra còn có một số hình tam giác nhỏ hơn:

  • U+25B4 (Tam giác nhỏ hướng lên màu đen ▴)
  • U+25C2 (Tam giác nhỏ màu đen bên trái ◂)
  • U+25BE (Tam giác nhỏ màu đen hướng xuống ▾)
  • U+25B8 (Tam giác nhỏ màu đen bên phải ▸)

Ngoài ra một số màu trắng:

  • U+25C3 (Tam giác nhỏ màu trắng bên trái ◃)
  • U+25BF (Tam giác nhỏ chỉ xuống màu trắng ▿)
  • U+25B9 (Tam giác nhỏ màu trắng bên phải ▹)
  • U+25B5 (Trắng tam giác nhỏ hướng lên ▵)

Ngoài ra còn có một số hình tam giác "nhọn". Bạn có thể đọc thêm ở đây trong Wikipedia:
http://en.wikipedia.org/wiki/Geometric_Shapes

Nhưng thật không may, tất cả chúng đều là Unicode thay vì ASCII. Nếu bạn vẫn muốn sử dụng ASCII, thì bạn có thể sử dụng tệp hình ảnh cho nó chỉ sử dụng ^v. ( Giống như Google Maps trong phiên bản di động, điều này được đề cập đến Google Maps di động cổ đại )


Như những người khác cũng đề xuất, bạn cũng có thể tạo các hình tam giác bằng HTML, bằng các đường viền CSS hoặc hình dạng SVG hoặc thậm chí là các khung vẽ 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();
}

Bản giới thiệu


10
Thật kỳ lạ khi chúng không đối xứng. (Ít nhất là trong Chrome trên OSX)
Drew LeSueur

2
Làm thế nào để có những biểu tượng này trong Windows CE?
utvecklare

4
Mã ALT cho bộ đầu tiên là (Alt + 30), (Alt + 31), (Alt + 16) ►, (Alt + 17), đối với những người buộc phải nhập chúng theo cách thủ công.
Nate

2
@Nate - Là những người cho Mac OS? Vì họ không làm việc cho tôi trên Windows.
Derek 朕 會

2
Đó là những gì tôi đã sử dụng để đưa chúng vào Visual Studio và đó là cách tôi nhập chúng vào nhận xét của mình ở đây. Windows 7. Có lẽ nó không phải là phổ quát (mặc dù tôi nghĩ rằng nó là). Nó có thể là phông chữ bạn đang sử dụng không hỗ trợ các ký tự này.
Nate

93

Vì bạn đang sử dụng các mũi tên này cho một công tắc bật tắt, bạn có thể muốn xem xét việc tạo các mũi tên này bằng một phần tử html bằng cách sử dụng các kiểu sau thay vì các ký tự 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/


14
Bốn đường viền của một phần tử vuông gặp nhau ở góc 45 °, do đó, chỉ tô màu một trong các đường viền mà bạn kết thúc bằng một hình tam giác. Bạn có thể xem một ví dụ ở đây: jsfiddle.net/FrsGR
Magnus Magnusson

2
Tôi nên thêm rằng họ gặp nhau ở góc 45 ° khi tất cả đều giống nhau. Bằng cách thay đổi chiều rộng của các đường viền liền kề với đường viền màu, bạn có thể thay đổi góc.
Magnus Magnusson

3
PS: Chúng thường được sử dụng :afterđể tạo bong bóng hộp thoại.
Derek 朕 會

6
Cần lưu ý rằng mặc dù sử dụng các đường viền để tạo ra các hình tam giác có hỗ trợ trình duyệt rộng hơn so với phần tử giả sau.
Magnus Magnusson

2
Mất một lúc để tìm hiểu làm thế nào điều này làm việc. Tôi đã thêm nền: đỏ thành .arrow trong fiddle cho khoảnh khắc "ah-ha"
Andiih

86

Có các đầu mũi tên theo nghĩa đen trong khối Chữ sửa đổi khoảng cách :

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
Đó là hex, vì vậy &#x2C4;hoặc thập phân &#708;. Nhưng nếu bạn đã mã hóa trang của mình ngay, bạn sẽ có thể sao chép và dán chúng vào tài liệu.
bobince

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

Như đã đề cập, điều này không hoạt động cho tất cả các mã hóa trang. Tôi không chắc tại sao OP không chỉ đăng chúng dưới dạng thập phân sẽ hoạt động bất kể mã hóa. Sử dụng & # 708; và & # 709;
Lev

1
Chúng trông khá khác nhau trên Debian (nhỏ và được chuyển lên trên cùng) và Windows (lớn và tập trung theo chiều dọc).
mimo

19

Có một số cách chính xác để hiển thị một tam giác hướng xuống.

Phương pháp 1: sử dụng thực thể HTML thập phân

HTML:

&#9660;

Phương pháp 2: sử dụng thực thể HTML thập lục phân

HTML:

&#x25BC;

Phương pháp 3: sử dụng ký tự trực tiếp

HTML:


Phương pháp 4: sử dụng CSS

HTML:

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

CSS:

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

Mỗi trong ba phương thức này nên có cùng một đầu ra. Đối với các biểu tượng khác, ba tùy chọn tương tự tồn tại. Một số thậm chí có tùy chọn thứ tư, cho phép bạn sử dụng tham chiếu dựa trên chuỗi (ví dụ: &hearts;để hiển thị ♥).

Bạn có thể sử dụng một trang web tham khảo như Unicode-table.com để tìm biểu tượng nào được hỗ trợ trong UNICODE và mã nào tương ứng với chúng. Ví dụ: bạn tìm thấy các giá trị cho tam giác chỉ xuống tại http://unicode-table.com/en/25BC/ .

Lưu ý rằng các phương thức này chỉ đủ cho các biểu tượng có sẵn theo mặc định trong mọi trình duyệt. Đối với các ký hiệu như ☃,, ★,, ☭, hoặc, điều này ít có khả năng xảy ra. Mặc dù có thể cung cấp hỗ trợ trình duyệt chéo cho các biểu tượng UNICODE khác, quy trình này phức tạp hơn một chút.

Nếu bạn muốn biết cách thêm hỗ trợ cho các ký tự UNICODE ít phổ biến hơn, hãy xem Tạo webfont với các ký hiệu Mặt phẳng đa ngôn ngữ bổ trợ Unicode để biết thêm thông tin về cách thực hiện việc này.


Hinh nên

Một chiến lược hoàn toàn khác là sử dụng hình nền thay vì phông chữ. Để có hiệu suất tối ưu, tốt nhất là nhúng hình ảnh vào tệp CSS của bạn bằng cách mã hóa cơ sở, như được đề cập bởi ví dụ. @ weasel5i2 và @Obsidian. Tôi sẽ khuyên bạn nên sử dụng SVG thay vì GIF, tuy nhiên, điều đó tốt hơn cả về hiệu suất và độ sắc nét của các biểu tượng của bạn.

Mã sau đây là phiên bản base64 cho và SVG của nhập mô tả hình ảnh ở đâybiểu tượng:

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

Khi nào nên sử dụng hình nền hoặc phông chữ

Đối với nhiều trường hợp sử dụng, hình nền và phông chữ biểu tượng dựa trên SVG phần lớn tương đương với hiệu suất và tính linh hoạt. Để quyết định chọn cái nào, hãy xem xét các khác biệt sau:

Hình ảnh SVG

  • Chúng có thể có nhiều màu
  • Họ có thể nhúng CSS của riêng mình và / hoặc được tạo kiểu bởi tài liệu HTML
  • Chúng có thể được tải dưới dạng tệp riêng biệt, được nhúng trong CSS VÀ được nhúng trong HTML
  • Mỗi biểu tượng được đại diện bởi mã XML hoặc mã base64. Bạn không thể sử dụng ký tự trực tiếp trong trình chỉnh sửa mã của mình hoặc sử dụng thực thể HTML
  • Nhiều cách sử dụng của cùng một biểu tượng ngụ ý sao chép biểu tượng khi mã XML được nhúng trong HTML. Không cần sao chép khi nhúng tệp vào CSS hoặc tải tệp dưới dạng tệp riêng biệt
  • Bạn không thể sử dụng color, font-size, line-height,background-color hoặc phông chữ liên quan đến quy tắc phong cách khác để thay đổi hiển thị của biểu tượng của bạn, nhưng bạn có thể tham khảo các thành phần khác nhau của biểu tượng như hình dạng riêng.
  • Bạn cần một số kiến ​​thức về mã hóa SVG và / hoặc base64
  • Giới hạn hoặc không hỗ trợ trong các phiên bản IE cũ

Biểu tượng phông chữ

  • Một biểu tượng có thể có nhưng một màu tô, một màu nền, v.v.
  • Một biểu tượng có thể được nhúng trong CSS hoặc HTML. Trong HTML, bạn có thể sử dụng ký tự trực tiếp hoặc sử dụng thực thể HTML để thể hiện nó.
  • Một số biểu tượng có thể được hiển thị mà không cần sử dụng webfont. Hầu hết các biểu tượng không thể.
  • Nhiều cách sử dụng của cùng một biểu tượng ngụ ý sao chép biểu tượng khi ký tự của bạn được nhúng trong HTML. Không cần sao chép khi nhúng tệp vào CSS.
  • Bạn có thể sử dụng color, font-size, line-height, background-colorhoặc phông chữ liên quan đến quy tắc phong cách khác để thay đổi hiển thị của biểu tượng của bạn
  • Bạn không cần kiến ​​thức kỹ thuật đặc biệt
  • Hỗ trợ trong tất cả các trình duyệt chính, bao gồm các phiên bản IE cũ

Cá nhân, tôi muốn giới thiệu việc sử dụng background-hình ảnh chỉ khi bạn cần nhiều màu sắc và những màu không thể đạt được bằng các phương tiện color, background-colorvà các quy tắc CSS màu khác liên quan đến cho phông chữ.

Lợi ích chính của việc sử dụng hình ảnh SVG là bạn có thể đưa ra các thành phần khác nhau của biểu tượng theo kiểu riêng của chúng. Nếu bạn nhúng mã XML SVG của mình vào tài liệu HTML, thì điều này rất giống với cách tạo kiểu HTML. Tuy nhiên, điều này sẽ dẫn đến một trang web sử dụng cả thẻ HTML và thẻ SVG, điều này có thể làm giảm đáng kể khả năng đọc của trang web. Nó cũng bổ sung thêm sự phình to nếu biểu tượng được lặp lại trên nhiều trang và bạn cần xem xét rằng các phiên bản IE cũ không có hoặc hỗ trợ hạn chế cho SVG.


14

"Không phải ASCII (không phải ↑ / ↓)" cần trình độ chuyên môn.

Mặc dù các ký tự này không được định nghĩa trong Mã tiêu chuẩn Mỹ để trao đổi thông tin dưới dạng glyphs, nhưng mã của chúng thường được sử dụng để trình bày đồ họa cho mã ASCII 24 và 25 (hex 18 và 19, CANcel và EM: End of Medium). Mã trang 437 (được gọi là ASCII mở rộng của IBM, bao gồm các mã số 128 đến 255) đã định nghĩa việc sử dụng các glyph này làm mã ASCII và tính phổ biến của các quy ước này đã thấm vào ngành công nghiệp như các tiêu chuẩn của các công ty hàng đầu như HP, đặc biệt đối với máy in và IBM, đặc biệt đối với máy vi tính bắt đầu với PC gốc.

Giống như việc sử dụng mã ASCII cho CAN và EM tương đối lỗi thời vào thời điểm đó, chứng minh việc sử dụng chúng là glyphs, do đó thời gian đã khiến việc sử dụng mã như glyphs bị lỗi thời bởi việc sử dụng các quy ước UNICODE hiện nay.


Cần nhấn mạnh rằng các phần mở rộng cho ASCII do IBM tạo ra trong ASCII mở rộng, không chỉ bao gồm một bộ số lớn hơn cho các mã số 128 đến 255, mà còn mở rộng việc sử dụng một số mã điều khiển số, trong phạm vi ASCII từ 0 đến 32, từ chỉ các giao thức điều khiển truyền dẫn để bao gồm glyphs. Người ta thường cho rằng 0 đến 128 đầu tiên không được "mở rộng" và IBM đã sử dụng glyphs của ASCII thông thường cho phạm vi này. Lỗi này cũng xảy ra ở một trong các tài liệu tham khảo trước đó. Lỗi này trở nên phổ biến đến mức nó được định nghĩa lại theo cách thông thường ASCII.


5
Câu trả lời thông tin tốt đẹp, tuy nhiên tôi tin rằng Timj đã yêu cầu thay thế cho ↑ /.
David Hogue

13

Tôi biết tôi đến bữa tiệc muộn nhưng bạn cũng có thể thực hiện điều này với CSS đơn giản:

HTML:

(Nó có thể là bất kỳ phần tử HTML nào, nếu bạn đang sử dụng một phần tử nội tuyến như <span>ví dụ, hãy đảm bảo bạn biến nó thành phần tử khối / khối nội tuyến bằng display:block;hoặc 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); 
  }

Bạn cũng có thể hoàn thành nó bằng cách sử dụng :before:after các phần tử giả, đây thực sự là một cách tốt hơn vì bạn tránh tạo thêm đánh dấu. Nhưng điều đó tùy thuộc vào cách bạn muốn thực hiện nó.

-

Đây là bản Demo trong CodePen với nhiều khả năng mũi tên.


Mặc dù thật tuyệt khi có thể làm điều này bằng CSS thuần túy, nhưng có một số vấn đề như thiếu hỗ trợ tạo bóng trong Firefox hoặc IE, sau nhiều giờ lãng phí, tôi trở lại mũi tên Unicode
direct00

@ direct00 Bạn đang thiếu điểm. Nếu bạn biết bạn đang tạo kiểu cho mũi tên của mình theo một cách nhất định, bạn sẽ biết được phương pháp nào là tốt nhất cho nhu cầu của bạn. Nếu bạn lãng phí thời gian, đó không phải là vấn đề của tôi, là của bạn. Và cũng không cần thái độ đó. Chúc may mắn.
Ricardo Zea

11

Rất nhiều người ở đây đang đề nghị sử dụng các hình tam giác, nhưng đôi khi bạn cần một chiếc chevron.

Chúng tôi đã gặp trường hợp nút của chúng tôi hiển thị một chevron và muốn hướng dẫn sử dụng của người dùng tham khảo nút theo cách mà người dùng không có kỹ thuật cũng sẽ nhận ra. Vì vậy, chúng tôi cần một dấu hiệu chevron.

Chúng tôi đã sử dụng cuối cùng. Nó được biết đến như là MẪU TRÌNH BÀY CHO BẢNG XÁC NHẬN ANGLE RACK và mã của nó là U + FE40.


11

Thông thường, tốt nhất là nhìn thấy một nhân vật trong bối cảnh của mình.

Dưới đây là danh sách đầy đủ các ký tự Unicode và cách trình duyệt của bạn hiện hiển thị chúng. Tôi đang thấy danh sách này phát triển, phiên bản trình duyệt sau những người khác.

Danh sách này có được bằng cách lặp theo số thập phân của bảng unicode thực thể html, có thể mất vài giây, nhưng rất hữu ích với tôi trong nhiều trường hợp.

Bằng cách di chuột nhanh một char đã cho, bạn sẽ nhận được dec và hex và các phím tắt để tạo nó bằng bàn phím.

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

Đoạn mã giống như một 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()}();

Để tạo danh sách đó từ php :

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

Để tạo danh sách đó vào bảng điều khiển, sử dụng php :

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

Đây là một trích xuất văn bản đơn giản, của các mũi tên, một số đang đến với unicode 10.0 . http://unicode.org/versions/Unicode10.0.0/

Unicode 10.0 thêm 8,518 ký tự, với tổng số 136.690 ký tự.

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


1
Điều này có vẻ hữu ích. Bạn có biết làm thế nào để biết Unicode 10 có được hỗ trợ trong một số trình duyệt không? Tôi đã kiểm tra caniuse.com/#search=unicode%2010 , nhưng dường như không nói.
Ryan

1
Chà, khó nói lắm. Đối với trình duyệt miễn phí linux như chromium, nó không nằm ngoài khả năng, nhưng chúng ta có thể cài đặt phông chữ bổ sung. Hoàn thiện nhất có lẽ là emojione: github.com/emojione/emojione
NVRM

10

Các thực thể HTML cho các tam giác trống
= &#9665;
▷ = &#9655;
▽ = &#9661;
△ =&#9651;


10

Đây lần lượt là U + 25B2 ( &#x25B2) và U + 25BC ( &#x25BC)


9

Tôi nghĩ rằng người hỏi có thể đang đề cập đến một trong số này (xem hình ảnh đính kèm) - Tôi đã tìm thấy câu hỏi StackOverflow này trong khi tự mình tìm kiếm điều tương tự.

Thật không may, glyph này dường như không tồn tại như một thực thể nhân vật riêng biệt ở bất cứ đâu. Wikipedia hoàn thành nó bên dưới bằng cách sử dụng javascript nội tuyến và img content = "data: image / gif ..." để đạt được biểu tượng.

Ngẫu nhiên, đây là cơ sở64 cho nó:

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

Hy vọng điều này sẽ giúp được ai đó! nhập mô tả hình ảnh ở đây


2
Rất tiếc, tôi chỉ nhận thấy rằng người hỏi đã nói "lên hoặc xuống" vì vậy
đừng bận tâm

2
Tùy chọn base64 là một bổ sung tốt cho chủ đề này. Một người tốt.
DreamTeK

2
Mặc dù chuỗi base64 cho một gif đơn giản là quá dài. Ive đã nén một hình ảnh base64 sắc nét hơn của cùng một biểu tượng xuống còn 70 ký tự. Tôi đã thêm nó vào câu trả lời của tôi ở trên.
DreamTeK

1
Có thể tùy chỉnh màu sắc?
Hlung

5

Cái này dường như ngụ ý rằng 030 và 031 là hình tam giác lên xuống.

(Như bobince đã chỉ ra, đây dường như không phải là một tiêu chuẩn ASCII)


6
làm việc cho tôi ... Liên kết, không phải các nhân vật; Đó là trang mã 437 , hoàn toàn không phải ASCII. 437 là một trang mã DOS cũ không thể sử dụng được trong các trình duyệt.
bobince

2
Tôi vừa thử "ALT- [NUMPAD 3] - [NUMPAD 1]" và nhận được: (Hệ điều hành là Windows XP SP3, trình duyệt là Firefox 3.6 (?)).
Thất vọngWithFormsDesigner

4

Tôi sử dụng ▼ và, nhưng chúng có thể không phù hợp với bạn. Tôi sử dụng alt 11551 cho cái thứ nhất và 11550 cho cái thứ hai. Bạn luôn có thể sao chép dán chúng nếu ascii không giống với hệ thống của bạn.


1

Tôi đã quyết định rằng hầu hết các biểu tượng phổ biến được đề xuất ở đây (và) trông quá đậm, vì vậy trên trang web codepoints.net, được đề xuất bởi người dùng ADJenks, tôi đã tìm thấy những biểu tượng này phù hợp hơn với sở thích của tôi: (U + 1F780) (U + 1F781) (U + 1F782) 🞃 (U + 1F783)


và certainly chắc chắn là đẹp hơn, nhưng chúng không hoạt động trong phản ứng bản địa (ít nhất là trong v0.59)
laszlo

0

Trang web tôi muốn sử dụng cho việc này là codepoints.net

Đây là một tìm kiếm cho các từ "đầu mũi tên" và "tam giác": https://codepoints.net/search?q=arrowhead+trigin

Nó có một số trận đấu cho "mũi tên đầu tam giác" có cuống, nhưng chỉ có 4 trang nhỏ để lướt qua và có nhiều trận đấu hay với các chi tiết đẹp trên mỗi nhân vật.

Ngoài ra còn có một khối mã cho "Biểu tượng và mũi tên khác" và trang web này liệt kê chúng ở đây: https://codepoints.net/misiverse_symbols_and_arrows


0

Đây là một cái khác - - Unicode U + 141E / CANADIAN SYLLABICS GLOTTAL STOP

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.