HTML में प्रदर्शन के लिए ऊपर / नीचे त्रिकोण (बिना तने के तीर) के लिए कौन से वर्णों का उपयोग किया जा सकता है?


1241

मैं एक HTML या ASCII वर्ण की तलाश कर रहा हूं जो एक त्रिकोण है जो ऊपर या नीचे इंगित करता है ताकि मैं इसे टॉगल स्विच के रूप में उपयोग कर सकूं।

मैंने - ( ↑), और ↓ ( ↓) पाया - लेकिन उनके पास एक संकीर्ण स्टेम है। मैं सिर्फ HTML तीर "हेड" के लिए देख रहा हूँ।


55
अगर आप चीजों को सरल रखना चाहते हैं तो आप "^" (कि शिफ्ट -6) और लोअर केस "v" का उपयोग कर सकते हैं। आपके द्वारा निर्दिष्ट फ़ॉन्ट के आधार पर, वे तीर की तरह दिखेंगे।
meagar

3
अधिक ASCII चरित्र के लिए इस वेबसाइट की जाँच करें http://graphemica.com/characters
mateusmaso

@mateusmaso - वे यूनिकोड हैं।
डेरेक 會 會 ere

17
यहां उन्हें एक पृष्ठ पर खोजने का एक त्वरित तरीका है: amp-what.com/#q=triangle
ndp

10
यहाँ कोई है जो हर संभव यूनिकोड तीर को इकट्ठा करने के लिए परेशानी उठा रहा है: xahlee.info/comp/unicode_arrows.html
मार्क रैनसम

जवाबों:


1612

यूनिकोड तीर प्रमुख:

  • 25 - यू + 25 बी 2 ब्लैक अप-पोस्टिंग ट्राइंगल
  • 25 - U + 25BC ब्लैक डाउन-पोस्टिंग ट्राइंगल
  • 25 - यू + 25 बी 4 लघु ब्लैक अप-पोस्टिंग ट्राइंगल
  • 25 - U + 25BE छोटे काले डॉक-पोस्टिंग ट्राइंगल

For और and के लिए उपयोग करें ▲और ▼क्रमशः यदि आप यूनिकोड वर्णों को सीधे शामिल नहीं कर सकते हैं (यूटीएफ -8 का उपयोग करें!)।

ध्यान दें कि छोटे संस्करणों के लिए फ़ॉन्ट समर्थन उतना अच्छा नहीं है। छोटे फ़ॉन्ट में बड़े संस्करणों का उपयोग करने के लिए बेहतर है।

अधिक यूनिकोड तीर इस प्रकार हैं:

अन्त में, ये तीर ASCII नहीं हैं, जिनमें ↓ और are शामिल हैं: वे यूनिकोड हैं।


126
इसके अलावा, पहले सेट को पूरा करने के लिए (ऊपर दाएं बाएं - ▼ ◀ ▼ first), बाएं U + 25C0 और दाईं ओर U + 25B6 है। मुझे ये यहाँ मिले: unicode.org/charts
नाथन लॉन्ग

227
"यूनिकोड त्रिकोण।" बस यही कहना चाहता था कि गूगल के लिए। :)
नाथन लॉन्ग

120
Haha! मुझे बस फिर से इनकी आवश्यकता थी और "यूनिकोड त्रिकोण" की खोज की। गूगल मुझे यहीं ले आया। हुज़्ज़ाह!
नाथन लॉन्ग

13
हां, हालांकि in / / फोंट / फॉलबैक में-/ ▼ की तुलना में कम अच्छी तरह से समर्थित हैं ... आमतौर पर IE6 उपयोगकर्ताओं को वर्ग दिखाई देंगे। बाएँ / दाएँ 'पॉइंटर' अक्षर ◄ / widely थोड़े अधिक व्यापक रूप से समर्थित हैं, हालांकि अभी भी ऊपर / नीचे के रूप में आम नहीं हैं।
बजकर

86
एक और नोट: सीएसएस में इनको जोड़ने के लिए आप केवल एक बैकस्लैश के साथ संख्यात्मक भाग का उपयोग करते हैं, अर्थात .example {सामग्री: "\ 25B2"; }
एंड्रयू

679

एचटीएमएल इकाइयां
◄ = ◄
► = ►
▼ = ▼
▲ =▲


5
मैं उन HTML संस्थाओं का परीक्षण कर रहा था। मैं रिपोर्ट कर सकता हूं कि बाएं तीर एंड्रॉइड ब्राउज़र में अच्छी तरह से दिखाई नहीं देता है, लेकिन सही तीर करता है।
ओबराका

3
@ user2070775 वास्तव में: saucelabs.com/jobs/55afcb2086824f4c9c0c1643f2485952/… । Droid Sans और Roboto फोंट में कोई त्रिकोण नहीं है; Droid Serif में ये 4 (BLACK UP / DOWN ARROW, BLACK LEFT / RIGHT-POINTING POINTTER) हैं; Droid Sans Fallback में सभी BLACK / WHITE UP / DOWN / LEFT / RIGHT TRIANGLEs और BLACK RIGHT-POINTING POINTER हैं - लेकिन कोई LEFT-POINTING POINTER नहीं है।
बेनी चेर्नियाव्स्की-पास्किन

9
इनके लिए ALT कोड्स (Alt + 30) (, (Alt + 31) (, (Alt + 16) +, (Alt + 17) are हैं, जिन्हें मैन्युअल रूप से टाइप करने के लिए बाध्य किया जाता है।
नैट

4
ये पात्र IE8 में काम करते हैं। सामान्य तौर पर, वे अधिक सुसंगत क्रॉस-ब्राउज़र हैं और स्वीकृत उत्तर में त्रिकोण की तुलना में विंडोज में बेहतर दिखते हैं।
विल कोएलेर

9
वे एक ही जवाब हैं। उदाहरण के लिए, दशमलव 9650 हेक्साडेसिमल 25B2 (& # x25B2 है & # 9650)।
एरिक फिलिप्स

583

विकल्प 1: UNICODE COLUMN SORT ARROWS

मुझे यह एक चरित्र स्तंभ सॉर्टर के लिए बहुत आसान लगा। (अच्छा अपस्कूल दिखता है)

⇕ = ⇕

यूनीकोड ​​टेबल कॉलम सॉर्ट एरो

महत्वपूर्ण सूचना (यूनिकोड प्रतीकों का उपयोग करते समय)

यूनिकोड समर्थन पसंद, ब्राउज़र और फ़ॉन्ट परिवार के प्रतीक पर निर्भर करता है। यदि आप पाते हैं कि आपका चुना हुआ प्रतीक कुछ ब्राउज़रों में काम नहीं करता है, तो एक अलग फ़ॉन्ट-परिवार का उपयोग करने का प्रयास करें। Microsoft अनुशंसा "Segoe UI Symbol"करता है कि अपनी वेबसाइट के साथ फ़ॉन्ट को शामिल करना बुद्धिमानी होगी क्योंकि बहुत से लोगों के कंप्यूटर पर ऐसा नहीं है।

इस पेज को अन्य ब्राउज़रों में खोलें, यह देखने के लिए कि कौन सा प्रतीक डिफ़ॉल्ट फ़ॉन्ट के साथ प्रस्तुत करता है।


कुछ और यूनिकोड तीर।

आप उन्हें नीचे पृष्ठ के ठीक ऊपर कॉपी कर सकते हैं या आप कोड का उपयोग कर सकते हैं।

बाणों की प्रत्येक पंक्ति बाईं से दाईं ओर गिरी हुई है:

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

ऊपर दिए गए सेमी-कोलोन से पहले बस संबंधित संख्या / अक्षर डालें।


ș

↓ ↓ → ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓


Ț

↢ ↢ ↢ ↢ ↢ ↢ ↢ ↢ ↢ ↢ ↢ ↢ ↢ ↢ ↢


ț

↲ ↲ ↲ ↲ ↲ ↲ ↲ ↲ ↲ ↲ ↲ ↲ ↲ ↲ ↲


Ȝ

⇂ ⇂ ⇂ ⇂ ⇂ ⇂ ⇂ ⇂ ⇂ ⇂ ⇂ ⇂ ⇂ ⇂ ⇂


ȝ

⇓ ⇓ ⇖ ⇒ ⇓ ⇓ ⇓ ⇓ ⇓ ⇓ ⇓ ⇓ ⇓ ⇓ ⇓ ⇓ ⇓


Ȟ

⇢ ⇢ ⇢ ⇢ ⇢ ⇢ ⇢ ⇢ ⇢ ⇢ ⇢ ⇢ ⇢ ⇢ ⇢


ȟ

⇲ ⇲ ⇲ ⇲ ⇲ ⇲ ⇲ ⇲ ⇲ ⇲ ⇲ ⇲ ⇲ ⇲ ⇲


अतिरिक्त HTML यूनिकोड प्रतीक

अन्य उपयोगी यूनिकोड आइकन / प्रतीकों की एक चयनित सूची।

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: PURE CSS CHEVRONS

मैंने हाल ही में केवल सीएसएस (आवश्यक कोई चित्र नहीं) का उपयोग करके कुशलतापूर्वक शेवरॉन बनाने के बारे में एक लेख बनाया है

बस कैसे बदलें:

  • ROTATION
  • मोटाई
  • रंग
  • आकार

CLICK FOR DEMO ON JSFIDDLE


यहां छवि विवरण दर्ज करें


सीएसएस (क्रॉस ब्राउज़र समर्थन के साथ कुशल)

.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: सीएसएस BASE64 इमेज ICONS

ऊपर नीचे ऊपर नीचे

नीचे नीचे

यूपी यूपी

CSS की केवल कुछ पंक्तियों का उपयोग करके हम अपनी छवियों को base64 में एन्कोड कर सकते हैं।


CLICK FOR DEMO ON JSFIDDLE


पेशेवरों

  • छवियों या फोंट के रूप में अतिरिक्त संसाधनों को शामिल करने की आवश्यकता नहीं है।
  • पूर्ण अल्फा पारदर्शिता का समर्थन करता है।
  • पूर्ण क्रॉस-ब्राउज़र समर्थन।
  • छोटी छवियां / आइकन एक डेटाबेस में संग्रहीत किए जा सकते हैं।

कान्स

  • अद्यतन / संपादन एक परेशानी बन सकता है।
  • अत्यधिक कोड मार्कअप के कारण बड़ी छवियों के लिए उपयुक्त नहीं है जो उत्पन्न होता है।

सीएसएस

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

यूनिकोड तीर &#x21EB;और ऊपर एफएफ और आईई में ठीक दिखते हैं, लेकिन क्रोम में प्रस्तुत नहीं करते हैं।
LandGGently

@LandedGently यूनिकोड समर्थन ब्राउज़र पर निर्भर करता है, लेकिन यदि आप कोड को रेंडर करने के लिए किसी अन्य फ़ॉन्ट का प्रयास करते हैं जैसे कि "सेगो यूआई सिंबल" हालांकि यह आपकी वेबसाइट के साथ फ़ॉन्ट को शामिल करने के लिए समझदारी होगी। इस पेज को अन्य ब्राउज़रों में खोलें, यह देखने के लिए कि कौन सा प्रतीक डिफ़ॉल्ट फ़ॉन्ट के साथ प्रस्तुत करता है।
ड्रीमटेके

283

क्षमा करें, लेकिन वे केवल यूनिकोड में हैं। :(

बड़े वाले:

  • U+25B2 (ब्लैक अप-पॉइंटिंग त्रिकोण ▲)
  • U+25BC (ब्लैक डाउन-पॉइंटिंग त्रिकोण ▼)
  • U+25C0 (ब्लैक लेफ्ट-पॉइंटिंग त्रिकोण ◀)
  • U+25B6 (ब्लैक राइट-पॉइंटिंग त्रिकोण ting)

बड़े सफेद वाले:

  • U+25B3 (व्हाइट अप-पॉइंटिंग त्रिकोण △)
  • U+25BD (व्हाइट डाउन-पॉइंटिंग त्रिकोण ▽)
  • U+25C1 (सफेद बाएं ओर इशारा करते हुए त्रिकोण ting)
  • U+25B7 (सफेद दाएं ओर इशारा करते हुए त्रिकोण ▷)

कुछ छोटे त्रिभुज भी हैं:

  • U+25B4 (ब्लैक अप-पॉइंटिंग छोटा त्रिकोण ting)
  • U+25C2 (काले बाएं ओर इशारा करते हुए छोटा त्रिकोण poin)
  • U+25BE (ब्लैक डाउन-पॉइंटिंग छोटा त्रिकोण ting)
  • U+25B8 (ब्लैक राइट-पॉइंटिंग छोटा त्रिकोण ting)

इसके अलावा कुछ सफेद:

  • U+25C3 (सफेद बाएं ओर इशारा करते हुए छोटा त्रिकोण poin)
  • U+25BF (व्हाइट डाउन-पॉइंटिंग छोटा त्रिकोण ▿)
  • U+25B9 (सफेद दाईं ओर इंगित करने वाला छोटा त्रिकोण poin)
  • U+25B5 (सफेद ऊपर की ओर इशारा करते हुए छोटा त्रिकोण poin)

कुछ "नुकीले" त्रिकोण भी हैं। आप यहाँ विकिपीडिया: http://en.wikipedia.org/wiki/Geometric_Shapes में अधिक पढ़ सकते हैं

लेकिन दुर्भाग्य से, वे ASCII के बजाय सभी यूनिकोड हैं। आप अभी भी ASCII का उपयोग करना चाहते हैं, तो आप सिर्फ उपयोग की इसके लिए एक छवि फ़ाइल का उपयोग कर सकते ^हैं और v। ( मोबाइल संस्करण में Google मैप्स की तरह यह प्राचीन मोबाइल Google मैप्स का जिक्र था )


जैसा कि दूसरों ने भी सुझाव दिया है, आप सीएसएस सीमाओं या एसवीजी आकृतियों या यहां तक ​​कि जावास्क्रिप्ट कैनवस के साथ, HTML के साथ त्रिकोण भी बना सकते हैं।

सीएसएस

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

एसवीजी

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

जावास्क्रिप्ट

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

डेमो


10
अजीब वे कैसे सममित नहीं हैं। (कम से कम क्रोम पर OSX में)
आकर्षित LeSueur

2
Windows CE में ये चिन्ह कैसे हैं?
utvecklare

4
पहले सेट के लिए ALT कोड्स (Alt + 30) (, (Alt + 31) for, (Alt + 16) +, (Alt + 17) ◄, उन लोगों के लिए मैन्युअल रूप से टाइप करने के लिए हैं।
रात्रि

2
@ नैट - क्या वे मैक ओएस के लिए हैं? चूंकि वे विंडोज पर मेरे लिए काम नहीं कर रहे हैं।
डेरेक 會 功夫 ere

2
वे वही हैं जो मैंने उन्हें विज़ुअल स्टूडियो में प्राप्त करने के लिए इस्तेमाल किया और इसके बारे में मैंने उन्हें अपनी टिप्पणी में टाइप किया। विंडोज 7. शायद यह सार्वभौमिक नहीं है (हालांकि मुझे लगा कि यह था)। यह आपके द्वारा उपयोग किया जा रहा फ़ॉन्ट इन वर्णों का समर्थन नहीं करता है।
नैट

93

चूंकि आप इन तीरों को टॉगल स्विच के लिए उपयोग कर रहे हैं, इसलिए आप इन तीर को एक HTML तत्व के साथ बनाने के बारे में विचार कर सकते हैं जिसमें यूनीकोड ​​वर्णों के बजाय निम्नलिखित शैलियों का उपयोग किया गया है।

.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
एक वर्ग तत्व की चार सीमाएं 45 ° कोण पर मिलती हैं, इसलिए केवल उन सीमाओं में से एक को रंग देना जिनसे आप त्रिकोण के साथ समाप्त होते हैं। आप यहां एक उदाहरण देख सकते हैं: jsfiddle.net/FrsGR
Magnus Magnusson

2
मुझे यह जोड़ना चाहिए कि वे 45 ° के कोण पर मिलते हैं जब वे सभी के साथ समान होते हैं। रंगीन सीमा से सटे सीमाओं की चौड़ाई को बदलकर आप कोण बदल सकते हैं।
मैग्नस मैगनसन 18

3
पुनश्च: इनका उपयोग आमतौर पर :afterसंवाद बुलबुले बनाने के लिए किया जाता है ।
डेरेक 會 功夫

6
यह ध्यान दिया जाना चाहिए कि त्रिकोण बनाने के लिए सीमाओं का उपयोग करने के लिए छद्म तत्व के बाद की तुलना में व्यापक ब्राउज़र का समर्थन है।
मैग्नस मैगनसन

2
मुझे यह जानने में थोड़ा समय लगा कि यह कैसे काम करेगा। मैंने पृष्ठभूमि को जोड़ा: "आह-हा" पल के लिए लाल रंग में .arrow में
Andiih

86

रिक्ति संशोधक पत्र ब्लॉक में शाब्दिक तीर हैं :

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
यह हेक्स है, इसलिए &#x2C4;या दशमलव &#708;। लेकिन अगर आपको अपना पेज एन्कोडिंग मिल गया है तो आपको बस उन्हें डॉक में कॉपी-पेस्ट करने में सक्षम होना चाहिए।
बॉबीस

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

जैसा कि उल्लेख किया गया है, यह सभी पृष्ठ एन्कोडिंग के लिए काम नहीं करता है। मुझे यकीन नहीं है कि ओपी ने उन्हें केवल दशमलव के रूप में पोस्ट नहीं किया जो एन्कोडिंग की परवाह किए बिना काम करेगा। का उपयोग करें & # 708; और & # 709;
लेव

1
ये डेबियन पर काफी अलग दिखते हैं (छोटे और शीर्ष पर स्थानांतरित) और विंडोज (बड़े और लंबवत केंद्रित)।
मम्मो

19

डाउन-पॉइंटिंग त्रिकोण प्रदर्शित करने के कई सही तरीके हैं।

विधि 1: दशमलव HTML इकाई का उपयोग करें

HTML:

&#9660;

विधि 2: हेक्सिडेसिमल HTML इकाई का उपयोग करें

HTML:

&#x25BC;

विधि 3: सीधे वर्ण का उपयोग करें

HTML:


विधि 4: CSS का उपयोग करें

HTML:

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

सीएसएस:

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

इन तीन विधियों में से प्रत्येक का आउटपुट समान होना चाहिए। अन्य प्रतीकों के लिए, वही तीन विकल्प मौजूद हैं। कुछ के पास एक चौथा विकल्प भी है, जिससे आप स्ट्रिंग आधारित संदर्भ का उपयोग कर सकते हैं (जैसे।&hearts; ♥ प्रदर्शित करने के लिए) का उपयोग कर सकते हैं।

आप उपयोग कर सकते हैं की तरह एक संदर्भ वेबसाइट Unicode-table.com जो प्रतीक यूनिकोड और जो कोड के साथ वे अनुरूप में समर्थित हैं खोजने के लिए। उदाहरण के लिए, आप http://unicode-table.com/en/25BC/ पर डाउन-पॉइंटिंग त्रिकोण के लिए मान पाते हैं ।

ध्यान दें कि ये विधियां केवल उन आइकन के लिए पर्याप्त हैं जो हर ब्राउज़र में डिफ़ॉल्ट रूप से उपलब्ध हैं। ☂, ❄, ★, ☭, ⎗, ⎘ या For जैसे प्रतीकों के लिए, यह मामला होने की संभावना कम है। हालांकि अन्य UNICODE प्रतीकों के लिए क्रॉस-ब्राउज़र समर्थन प्रदान करना संभव है, प्रक्रिया थोड़ी अधिक जटिल है।

यदि आप जानना चाहते हैं कि कम आम UNICODE वर्णों के लिए समर्थन कैसे जोड़ा जाए, तो यह कैसे करें के बारे में अधिक जानकारी के लिए यूनिकोड अनुपूरक बहुभाषी विमान प्रतीकों के साथ वेबफ़ॉन्ट बनाएं देखें ।


पृष्ठभूमि छवियों

एक पूरी तरह से अलग रणनीति फोंट के बजाय पृष्ठभूमि-छवियों का उपयोग है। इष्टतम प्रदर्शन के लिए, अपनी CSS फ़ाइल में छवि को आधार-एन्कोडिंग द्वारा एम्बेड करना सबसे अच्छा है, जैसा कि उदाहरण के लिए। @ weasel5i2 और @Obsidian मैं GIF के बजाय SVG के उपयोग की सिफारिश करूंगा, हालांकि, यह प्रदर्शन के लिए और आपके प्रतीकों के तेज के लिए बेहतर है।

यह निम्नलिखित कोड यहां छवि विवरण दर्ज करेंआइकन का SV64 संस्करण और आधार संस्करण है :

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

पृष्ठभूमि-छवियों या फोंट का उपयोग कब करें

कई उपयोग के मामलों के लिए, SVG- आधारित पृष्ठभूमि चित्र और आइकन फोंट प्रदर्शन और लचीलेपन के संबंध में काफी हद तक समान हैं। यह तय करने के लिए कि किसे चुनना है, निम्नलिखित अंतरों पर विचार करें:

एसवीजी छवियाँ

  • उनके कई रंग हो सकते हैं
  • वे अपने स्वयं के सीएसएस को एम्बेड कर सकते हैं और / या HTML दस्तावेज़ द्वारा स्टाइल किया जा सकता है
  • उन्हें एक अलग फ़ाइल के रूप में लोड किया जा सकता है, सीएसएस में एम्बेडेड और HTML में एम्बेडेड
  • प्रत्येक प्रतीक को XML कोड या base64 कोड द्वारा दर्शाया जाता है। आप अपने कोड संपादक में सीधे चरित्र का उपयोग नहीं कर सकते हैं या HTML इकाई का उपयोग नहीं कर सकते हैं
  • जब XML कोड को HTML में एम्बेड किया जाता है, तो उसी प्रतीक के कई उपयोगों से प्रतीक के दोहराव का पता चलता है। सीएसएस में फ़ाइल को एम्बेड करने या इसे अलग फ़ाइल के रूप में लोड करने पर डुप्लिकेट की आवश्यकता नहीं होती है
  • आप उपयोग नहीं कर सकते color, font-size, line-height,background-color या अन्य फ़ॉन्ट संबंधित स्टाइल नियमों अपने आइकन के प्रदर्शन को बदलने के लिए है, लेकिन आप अलग-अलग आकार के रूप में आइकन के विभिन्न घटकों को संदर्भित कर सकते।
  • आपको एसवीजी और / या बेस 64 एनकोडिंग के कुछ ज्ञान की आवश्यकता है
  • IE के पुराने संस्करणों में सीमित या कोई समर्थन नहीं

आइकन फ़ॉन्ट

  • एक आइकन में एक रंग, एक पृष्ठभूमि रंग आदि हो सकता है।
  • एक आइकन CSS या HTML में एम्बेड किया जा सकता है। HTML में, आप सीधे चरित्र का उपयोग कर सकते हैं या इसे दर्शाने के लिए HTML इकाई का उपयोग कर सकते हैं।
  • कुछ प्रतीकों को वेबफोंट के उपयोग के बिना प्रदर्शित किया जा सकता है। अधिकांश प्रतीक नहीं कर सकते।
  • जब आपका वर्ण HTML में सन्निहित हो, तो उसी प्रतीक के एकाधिक उपयोगों से प्रतीक के दोहराव का पता चलता है। CSS में फाइल को एम्बेड करते समय डुप्लीकेशन की आवश्यकता नहीं होती है।
  • आप उपयोग कर सकते हैं color, font-size, line-height,background-color या अन्य फ़ॉन्ट संबंधित स्टाइल नियमों अपने आइकन के प्रदर्शन को बदलना
  • आपको किसी विशेष तकनीकी ज्ञान की आवश्यकता नहीं है
  • IE के पुराने संस्करणों सहित सभी प्रमुख ब्राउज़रों में समर्थन

व्यक्तिगत रूप से, मैं पृष्ठभूमि-छवियों के उपयोग की सिफारिश तभी करूंगा जब आपको कई रंगों की आवश्यकता होगी और उन रंगों को इसके माध्यम से हासिल नहीं किया जा सकता है color,background-color और फ़ॉन्ट के लिए अन्य रंग से संबंधित सीएसएस नियम।

एसवीजी छवियों का उपयोग करने का मुख्य लाभ यह है कि आप एक प्रतीक के विभिन्न घटकों को अपनी स्टाइल दे सकते हैं। यदि आप HTML दस्तावेज़ में अपना SVG XML कोड एम्बेड करते हैं, तो यह HTML को स्टाइल करने के समान है। हालाँकि, इसका परिणाम एक वेब पेज होगा जो HTML टैग और SVG टैग दोनों का उपयोग करता है, जो वेबपेज की पठनीयता को काफी कम कर सकता है। यह अतिरिक्त ब्लोट भी जोड़ता है यदि प्रतीक कई पृष्ठों में दोहराया जाता है और आपको यह विचार करने की आवश्यकता है कि IE के पुराने संस्करणों में SVG के लिए कोई या सीमित समर्थन नहीं है।


14

"ASCII नहीं (न ही ↑ / ()" योग्यता की आवश्यकता है।

हालांकि इन वर्णों को अमेरिकन स्टैंडर्ड कोड फॉर इंफॉर्मेशन इंटरचेंज में ग्लिफ़्स के रूप में परिभाषित नहीं किया गया है , उनके कोड आमतौर पर एएससीआईआई कोड 24 और 25 (हेक्स 18 और 19, कैनसेल और ईएम: एंड ऑफ मीडियम) के लिए एक चित्रमय प्रस्तुति देते थे। कोड पेज 437 (आईबीएम द्वारा विस्तारित एएससीआईआई कहा जाता है, इसमें संख्यात्मक कोड 128 से 255 शामिल हैं) ने इन ग्लिफ़ के उपयोग को एएससीआईआई कोड के रूप में परिभाषित किया और इन सम्मेलनों की सर्वव्यापकता ने उद्योग को उनकी तैनाती के रूप में अनुमति दी, जैसे कि एचपी जैसी प्रमुख कंपनियों के मानकों के अनुसार। विशेष रूप से प्रिंटर, और आईबीएम के लिए, विशेष रूप से मूल पीसी से शुरू होने वाले माइक्रो कंप्यूटर के लिए।

जिस प्रकार CAN और EM के लिए ASCII कोड का उपयोग उस समय अपेक्षाकृत अप्रचलित था, उसी प्रकार उनके उपयोग को ग्लिफ़ के रूप में उचित ठहराया गया था, इसलिए समय बीतने के साथ कोड के उपयोग को UNICODE सम्मेलनों के वर्तमान उपयोग द्वारा अप्रचलित बना दिया गया है।


यह जोर दिया जाना चाहिए कि विस्तारित ASCII में आईबीएम द्वारा बनाई गई ASCII के एक्सटेंशन में न केवल संख्यात्मक कोड 128 से 255 के लिए एक बड़ा संख्यात्मक सेट शामिल है, बल्कि ASCII रेंज 0 से 32 में, कुछ संख्यात्मक नियंत्रण कोड के उपयोग को भी बढ़ाया गया है। ग्लिफ़ को शामिल करने के लिए सिर्फ मीडिया ट्रांसमिशन कंट्रोल प्रोटोकॉल। यह अक्सर गलत तरीके से माना जाता है, कि पहले 0 से 128 "विस्तारित" नहीं थे और आईबीएम इस सीमा के लिए पारंपरिक एएससीआईआई के ग्लिफ़ का उपयोग कर रहा था। यह त्रुटि पिछले संदर्भों में से एक में भी है। यह त्रुटि इतनी विकट हो गई कि इसने बोलचाल की भाषा में ASCII को फिर से परिभाषित कर दिया।


5
अच्छा जानकारीपूर्ण उत्तर, हालांकि मेरा मानना ​​है कि तिमज ↓ / I के लिए विकल्प मांग रहा था।
डेविड हॉग

13

मुझे पता है कि मुझे पार्टी में देर हो रही है लेकिन आप इसे सादे सीएसएस के साथ भी पूरा कर सकते हैं:

HTML:

(यह कोई भी HTML तत्व हो सकता है, यदि आप <span>उदाहरण के लिए इनलाइन तत्व का उपयोग कर रहे हैं , तो सुनिश्चित करें कि आप इसे एक ब्लॉक / इनलाइन-ब्लॉक तत्व के साथ बनाते हैं display:block;या display:inline-block) :

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

तथा

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

सीएसएस:

.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 में एक डेमो है


हालांकि शुद्ध सीएसएस में ऐसा करने में सक्षम होना अच्छा है, कुछ मुद्दे हैं जैसे फ़ायरफ़ॉक्स या IE में छायांकन समर्थन की कमी, घंटों बर्बाद होने के बाद, मैं यूनिकोड तीर पर वापस जा रहा हूं
प्रत्यक्ष

@ Direct00 आपको वह बिंदु याद आ रहा है। यदि आप जानते हैं कि आप अपने तीर को एक निश्चित तरीके से स्टाइल कर रहे हैं, तो आपको पता चल जाएगा कि आपकी आवश्यकताओं के लिए कौन सा तरीका सबसे अच्छा है। यदि आप अपना समय बर्बाद करते हैं, तो यह मेरे समाधान की समस्या नहीं है, आपकी है। और उस रवैये की कोई जरूरत भी नहीं है। सौभाग्य।
रिकार्डो ज़िया

11

यहां बहुत सारे लोग त्रिकोण का उपयोग करने का सुझाव दे रहे हैं, लेकिन कभी-कभी आपको एक शेवरॉन की आवश्यकता होती है।

हमारे पास एक ऐसा मामला था जहां हमारा बटन एक शेवरॉन दिखाता है, और वह चाहता था कि उपयोगकर्ता का मैनुअल बटन को इस तरह से संदर्भित करे, जिसे गैर-तकनीकी उपयोगकर्ता भी पहचान सके। इसलिए हमें एक शेवरॉन चिन्ह की आवश्यकता थी।

हमने अंत में the का इस्तेमाल किया। इसे PRERTENTATION FORM FOR VERTICAL RIGHT ANGLE BRACKET के नाम से जाना जाता है और इसका कोड U + FE40 है।


11

आमतौर पर, किसी चरित्र को उसके संदर्भ में देखना सबसे अच्छा होता है।

यहां यूनिकोड वर्णों की पूरी सूची दी गई है , और वर्तमान में आपका ब्राउज़र उन्हें कैसे प्रदर्शित करता है। मैं इस सूची को विकसित कर रहा हूं, अन्य के बाद ब्राउज़र संस्करण।

यह सूची HTML इकाइयाँ यूनिकोड तालिका के दशमलव में पुनरावृत्ति द्वारा प्राप्त की गई है, इसमें कुछ सेकंड लग सकते हैं, लेकिन कई मामलों में मेरे लिए बहुत उपयोगी है।

किसी दिए गए चार्ट को जल्दी से मँडराकर, आपको डिक और हेक्स और शॉर्टकट मिलेंगे जो इसे कीबोर्ड के साथ जेनरेट करेगा।

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

बुकमार्कलेट के समान स्निपेट:

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

यहाँ एक सादा पाठ उद्धरण है, तीर का, कुछ यूनिकोड 10.0 के साथ आ रहा है । http://unicode.org/versions/Unicode10.0.0/

यूनिकोड 10.0 कुल 136,690 वर्णों के लिए 8,518 वर्ण जोड़ता है।

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


1
यह मददगार लग रहा है। क्या आप जानते हैं कि कुछ ब्राउज़रों में यूनिकोड 10 का समर्थन कैसे किया जाता है? मैंने caniuse.com/#search=unicode%2010 की जाँच की , लेकिन ऐसा लगता नहीं था।
रयान

1
खैर, कहना मुश्किल है। क्रोमियम जैसे लिनक्स मुक्त ब्राउज़र के लिए, यह बॉक्स से बाहर नहीं है, लेकिन हम इसके अतिरिक्त फ़ॉन्ट स्थापित कर सकते हैं। सबसे पूर्ण शायद emojione है: github.com/emojione/emojione
NVRM

10

खाली त्रिभुजों के लिए HTML
प्रविष्टियाँ &#9665;
▷ = &#9655;
▽ = &#9661;
△ =। =&#9651;



9

मुझे लगता है कि पूछने वाला इनमें से किसी एक का उल्लेख कर सकता है (संलग्न छवि देखें) - मुझे यह स्टैकऑवरफ़्लो प्रश्न स्वयं एक ही चीज़ की खोज करते हुए मिला।

दुर्भाग्य से, यह ग्लिफ़ कहीं भी एक अलग चरित्र इकाई के रूप में मौजूद नहीं है। प्रतीक को प्राप्त करने के लिए विकिपीडिया इनलाइन जावास्क्रिप्ट और आईएमजी सामग्री = "डेटा: इमेज / जीआईएफ ..." का उपयोग करके इसे नीचे देता है।

संयोग से, यहाँ इसके लिए base64 है:

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

आशा है कि यह किसी की मदद करता है! यहां छवि विवरण दर्ज करें


2
उफ़, मैंने अभी देखा कि पूछने वाले ने कहा "ऊपर या नीचे" इतना शून्य है, लेकिन फिर भी, कुछ को यह "ऊपर और नीचे" कुछ हद तक उपयोगी लग सकता है ..
weasel5i2

2
बेस 64 विकल्प इस धागे के लिए एक अच्छा अतिरिक्त है। अच्छा था।
ड्रीमटेके

2
हालांकि एक साधारण gif के लिए बेस 64 स्ट्रिंग अत्यधिक लंबी है। Ive ने एक ही आइकन की एक तेज आधार 64 छवि को 70 वर्णों तक संकुचित कर दिया। मैंने इसे अपने उत्तर में जोड़ा है।
ड्रीमटाइक

1
क्या यह रंग को अनुकूलित करने में सक्षम है?
१०:१४ बजे १०:१४ पर हुलंग

5

ऐसा लगता है कि 030 और 031 ऊपर और नीचे त्रिकोण हैं।

(जैसा कि बॉबिन ने कहा, यह एक ASCII मानक नहीं लगता)


6
मेरे लिये कार्य करता है। ... लिंक, वर्ण नहीं; यह कोड पृष्ठ 437 है , ASCII बिल्कुल नहीं। 437 एक पुराना डॉस कोड पृष्ठ है जो ब्राउज़रों में प्रयोग करने योग्य नहीं है।
बोबोंस

2
मैंने सिर्फ "ALT- [NUMPAD 3] - [NUMPAD 1]" की कोशिश की और मिला: ▼ (OS Windows XP SP3 है, ब्राउज़र फ़ायरफ़ॉक्स 3.6 (?)) है।
FrustratedWithFormsDesigner

4

मैं work और ▲ का उपयोग करता हूं, लेकिन वे आपके लिए काम नहीं कर सकते। मैं पहले एक के लिए 11551 और दूसरे के लिए 11550 का उपयोग करता हूं। यदि असिसी आपके सिस्टम के लिए समान नहीं है तो आप उन्हें हमेशा कॉपी पेस्ट कर सकते हैं।


1

मैंने तय किया कि यहां (▼ और looking) की सिफारिश की गई सबसे लोकप्रिय प्रतीक बहुत बोल्ड दिख रहे हैं, इसलिए साइट कोडपॉइंट.नेट पर, उपयोगकर्ता ADJenks द्वारा अनुशंसित है, मैंने इन प्रतीकों को पाया जो मेरे स्वाद के लिए बेहतर दिख रहे हैं: 🞀 (U + 1F780) symbols (U + 1F781) 78 (U + 1F782) 78 (U + 1F783)


🞁 और 🞃 निश्चित रूप से खूबसूरत हैं, लेकिन वे में काम नहीं करते देशी (कम से कम v0.59 में) प्रतिक्रिया
लैस्ज़लो

0

जिस साइट को मैं इसके लिए उपयोग करना पसंद करता हूं वह है कोडपाइंट

यहाँ शब्द "एरोहेड" और "ट्राइएंगल" के लिए एक खोज है: https://codepoint.net/search?q=arrowhead.tangangle

इसमें "त्रिकोण-प्रमुख तीर" के लिए कुछ मैच हैं, जिनमें तने हैं, लेकिन यह केवल 4 छोटे पृष्ठों को खत्म करने के लिए है और प्रत्येक चरित्र पर अच्छे विवरण के साथ कई अच्छे मैच हैं।

"विविध प्रतीक और तीर" के लिए एक कोड ब्लॉक भी है और यह वेबसाइट उन्हें यहां सूचीबद्ध करती है: https://codepoint.net/misc विविध_symbols_and_arrows


0

यहाँ एक और एक है - ᐞ - यूनिकोड यू +१४१ ई / कनाडाई सिलेबिक्स GLOTTAL STOP

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.