какие символы можно использовать для треугольника вверх / вниз (стрелка без основы) для отображения в html?

<p>я ищу символ <strong>html</strong> или <strong>ascii</strong>, представляющий собой треугольник, указывающий вверх или вниз, чтобы я мог использовать его в качестве тумблера.</p><p>я нашел ↑ (<code>↑</code>) и ↓ (<code>↓</code>) - но у них узкий стебель. я ищу только html-стрелку "голова".</p>

<p>unicode стрелки головы:</p><ul> <li> - u + 25b2 черный треугольник вверх</li> <li> - u + 25bc черный вниз треугольник</li> <li>▴ - u + 25b4 небольшой черный треугольник вверх</li> <li>▾ - u + 25be маленький черный вниз треугольник</li> </ul><p>для  и  используйте <code></code> и <code></code> соответственно, если вы не можете напрямую включать символы юникода (используйте utf-8!).</p><p>обратите внимание, что поддержка шрифтов для меньших версий не так хороша. лучше использовать большие версии меньшим шрифтом.</p><p>больше unicode стрелки находятся на:</p><ul> <li> <a href="http://en.wikipedia.org/wiki/arrow\_%28symbol%29#arrows\_in\_unicode">http://en.wikipedia.org/wiki/arrow\_%28symbol%29#arrows\_in\_unicode</a> </li> <li> <a href="http://en.wikipedia.org/wiki/geometric\_shapes">http://en.wikipedia.org/wiki/geometric\_shapes</a> </li> </ul><p>наконец, эти стрелки не являются ascii, включая ↑ и ↓: они являются unicode.</p>

<p><strong>для объектов html</strong><br> ◄ = <code>◄</code><br>  = <code></code><br>  = <code></code><br>  = <code></code></p>

<h2>вариант 1: уникальная колонна, сортовые стрелки</h2><p>я нашел это очень удобным для сортировки столбцов с одним символом. <em> (выглядит хорошо в масштабе) </em>.</p><p><strong><code>⇕</code></strong> = ⇕</p><p><img src="https://i.stack.imgur.com/pr1cs.jpg" alt="unicode table column sort arrows"></p><p><strong> важное примечание </strong> <em> (при использовании символов юникода) </em></p><p>поддержка unicode зависит от выбранного символа, браузера и семейства шрифтов. если вы обнаружите, что выбранный вами символ не работает в некоторых браузерах, попробуйте использовать другое семейство шрифтов. microsoft рекомендует <code>"segoe ui symbol"</code>, однако было бы целесообразно добавить шрифт на ваш веб-сайт, так как на многих компьютерах его нет.</p><p><strong> откройте эту страницу в других браузерах, чтобы увидеть, какие символы отображаются с использованием шрифта по умолчанию. </strong></p><hr><p><strong> еще несколько стрелок юникода. </strong></p><p>вы можете скопировать их прямо со страницы ниже или использовать код.</p><p>каждый ряд стрелок пронумерован слева направо:</p><pre><code>0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f </code></pre><p>просто введите соответствующий номер/букву перед закрывающей точкой с запятой, как указано выше.</p><hr><p><strong><code>ș</code></strong></p><h1>← ↑ → ↓ ↔ ↕ ↖ ↗ ↘ ↙ ↚ ↛ ↜ ↝ ↞ ↟</h1><hr><p><strong><code>Ț</code></strong></p><h1>↠ ↡ ↢ ↣ ↤ ↥ ↦ ↧ ↨ ↩ ↫ ↫ ↬ ↭ ↮ ↯</h1><hr><p><strong><code>ț</code></strong></p><h1>↰ ↱ ↲ ↳ ↴ ↵ ↶ ↷ ↸ ↹ ↻ ↻ ↼ ↽ ↾ ↿</h1><hr><p><strong><code>Ȝ</code></strong></p><h1>⇀ ⇁ ⇂ ⇃ ⇄ ⇅ ⇆ ⇇ ⇈ ⇉ ⇋ ⇋ ⇌ ⇍ ⇎ ⇏</h1><hr><p><strong><code>ȝ</code></strong></p><h1>⇒ ⇑ ⇒ ⇓ ⇔ ⇕ ⇖ ⇗ ⇘ ⇙ ⇚ ⇛ ⇜ ⇝ ⇞ ⇟</h1><hr><p><strong><code>Ȟ</code></strong></p><h1>⇠ ⇡ ⇢ ⇣ ⇤ ⇥ ⇦ ⇧ ⇨ ⇩ ⇫ ⇫ ⇬ ⇭ ⇮ ⇯</h1><hr><p><strong><code>ȟ</code></strong></p><h1>⇰ ⇱ ⇲ ⇳ ⇴ ⇵ ⇶ ⇷ ⇸ ⇹ ⇻ ⇻ ⇼ ⇽ ⇾ ⇿</h1><hr><p><strong> дополнительные символы юникода html </strong></p><p>выбранный список других полезных значков/символов unicode.</p><pre><code>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 </code></pre><hr><h2>вариант 2: чистые css шевроны</h2><p>недавно я написал статью о том, как эффективно создавать шевроны, используя только css <em> (изображения не требуются). </em></p><p>как просто переделать:</p><ul> <li><strong>вращение</strong></li> <li><strong>толщина</strong></li> <li><strong>цвет</strong></li> <li><strong>размер</strong></li> </ul><hr><p> <a href="http://jsfiddle.net/ur6a7/"><h2>>>> нажмите на демо <<<</h2></a> </p><hr><p><img src="https://i.stack.imgur.com/x7hgq.jpg" alt="enter image description here"></p><hr><p><strong>css</strong> <em> (эффективно при поддержке кросс-браузера) </em></p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false"> <div class="snippet-code"> <pre class="snippet-code-css lang-css prettyprint-override"><code>.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*/ }</code></pre> <pre class="snippet-code-html lang-html prettyprint-override"><code><i class="chevron"></i></code></pre></div> </div><hr><h2>вариант 3: css base64 значки изображения</h2><p><img src="https://i.stack.imgur.com/wiulm.gif" alt="up/down"> <strong> up/down </strong></p><p><img src="https://i.stack.imgur.com/gtmwp.gif" alt="down"> <strong>вниз</strong></p><p><img src="https://i.stack.imgur.com/iv3nu.gif" alt="up"> <strong>вверх</strong></p><p>используя всего несколько строк css, мы можем кодировать наши изображения в base64.</p><hr><p> <a href="http://jsfiddle.net/m7zby2gw/"><h2>>>> нажмите на демо <<<</h2></a> </p><hr><p><strong>плюсы</strong></p><ul> <li>не нужно включать дополнительные ресурсы в виде изображений или шрифтов.</li> <li>поддерживает полную альфа-прозрачность.</li> <li>полная кросс-браузерная поддержка.</li> <li>маленькие изображения/значки могут быть сохранены в базе данных.</li> </ul><p><strong>минусы</strong></p><ul> <li>обновление/редактирование может стать проблемой.</li> <li>не подходит для больших изображений из-за чрезмерной разметки кода.</li> </ul><p><strong>css</strong></p><pre><code>.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; } </code></pre>

<p>поскольку вы используете эти стрелки для тумблера, вы можете рассмотреть возможность создания этих стрелок с html-элементом, используя следующие стили вместо символов юникода.</p><pre><code>.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; } </code></pre><p> <a href="http://jsfiddle.net/frsgr/">http://jsfiddle.net/frsgr/</a> </p>

<p>как насчет этих символов unicode?</p><p><strong>˄ ˅</strong></p><p><code>˄</code> и <code>˅</code> соответственно.</p>

<p>есть несколько правильных способов отобразить направленный вниз треугольник.</p><h2>способ 1: использовать десятичную сущность html</h2><p>html:</p><pre><code> </code></pre><hr><h2>способ 2: использовать шестнадцатеричный html-объект</h2><p>html:</p><pre><code> </code></pre><hr><h2>способ 3: использовать персонажа напрямую</h2><p>html:</p><pre><code> </code></pre><hr><h2>способ 4: использовать css</h2><p>html:</p><pre><code><span class='icon-down'></span> </code></pre><p>css:</p><pre><code>.icon-down:before { content: "\25bc"; } </code></pre><hr><p>каждый из этих трех методов должен иметь одинаковый вывод. для других символов существуют те же три варианта. некоторые даже имеют четвертый вариант, позволяющий использовать строковую ссылку (например, <code>♥</code> для отображения ♥).</p><p>вы можете использовать справочный веб-сайт, например <strong> <a href="http://unicode-table.com/en/">nicode-table.com</a> </strong>, чтобы найти, какие значки поддерживаются в unicode и каким кодам они соответствуют с. например, вы можете найти значения для направленного вниз треугольника в <strong> <a href="http://unicode-table.com/en/25bc/">http://unicode-table.com/en/25bc/</a> </strong>.</p><p>обратите внимание, что этих методов достаточно только для значков, которые доступны по умолчанию в каждом браузере. для таких символов, как ☃, ❄, , ☂, ☭, ⎗ или ⎘, это гораздо менее вероятно. несмотря на то, что можно обеспечить кросс-браузерную поддержку для других символов unicode, процедура немного сложнее.</p><p>если вы хотите узнать, как добавить поддержку менее распространенных символов unicode, см. <strong> <a href="https://stackoverflow.com/questions/19824628/create-webfont-with-unicode-supplementary-multilingual-plane-symbols/27410391#27410391">создание веб-шрифта с символами дополнительной многоязычной плоскости unicode</a> </strong> для больше информации о том, как это сделать.</p><hr><h2>фоновые изображения</h2><p>совершенно другая стратегия - использование фоновых изображений вместо шрифтов. для достижения оптимальной производительности лучше всего встраивать изображение в файл css, кодируя его базовым образом, как указано, например, в. @ weasel5i2 и @obsidian. я бы порекомендовал использовать svg, а не gif, однако это лучше как для производительности, так и для четкости ваших символов.</p><p>этот следующий код является base64 для и svg-версией <img src="https://i.stack.imgur.com/5wldq.gif" alt="enter image description here"> значок :</p><pre><code>/* size: 0.9kb */ url(data:image/svg+xml;base64,pd94bwwgdmvyc2lvbj0ims4wiiblbmnvzgluzz0idxrmltgipz48iurpq1rzueugc3znifbvqkxjqyails8vvzndly9eveqgu1zhideums8vru4iicjodhrwoi8vd3d3lnczlm9yzy9hcmfwagljcy9tvkcvms4xl0rurc9zdmcxms5kdgqipjxzdmcgdmvyc2lvbj0ims4xiib4bwxucz0iahr0cdovl3d3dy53my5vcmcvmjawmc9zdmciihhtbg5zonhsaw5rpsjodhrwoi8vd3d3lnczlm9yzy8xotk5l3hsaw5riib3awr0ad0imtyiighlawdodd0imjgiihzpzxdcb3g9ijagmcaxniayoci+pgcgawq9imljb21vb24tawdub3jlij48l2c+phbhdgggzd0itte2ide3ctagmc40mdytmc4yotcgmc43mdnsltcgn3etmc4yotcgmc4yotctmc43mdmgmc4yotd0ltaunzazltaumjk3bc03ltdxltaumjk3ltaumjk3ltaumjk3ltaunzazddaumjk3ltaunzazidaunzazltaumjk3ade0ctaunda2idagmc43mdmgmc4yotd0mc4yotcgmc43mdn6tte2idexctagmc40mdytmc4yotcgmc43mdn0ltaunzazidaumjk3ac0xnhetmc40mdygmc0wljcwmy0wlji5n3qtmc4yotctmc43mdmgmc4yotctmc43mdnsny03ctaumjk3ltaumjk3idaunzazltaumjk3ddaunzazidaumjk3bdcgn3ewlji5nyawlji5nyawlji5nyawljcwm3oiigzpbgw9iimwmdawmdaipjwvcgf0ad48l3n2zz4= </code></pre><h2><strong> когда использовать фоновые изображения или шрифты </strong></h2><p>во многих случаях использование фоновых изображений и значков на основе svg в значительной степени эквивалентно с точки зрения производительности и гибкости. чтобы решить, что выбрать, рассмотрите следующие различия:</p><p><strong> svg изображения </strong></p><ul> <li>они могут иметь несколько цветов</li> <li>они могут вставлять свои собственные css и/или стилизоваться под html-документ</li> <li>они могут быть загружены как отдельный файл, встроенный в css и встроенный в html</li> <li>каждый символ представлен кодом xml или кодом base64. вы не можете использовать символ непосредственно в редакторе кода или использовать html-сущность</li> <li>многократное использование одного и того же символа подразумевает дублирование символа, когда код xml встроен в html. дублирование не требуется при встраивании файла в css или загрузке его как отдельного файла</li> <li>вы не можете использовать <code>color</code>, <code>font-size</code>, <code>line-height</code>, <code>background-color</code> или другие правила стиля, связанные со шрифтами, чтобы изменить отображение вашего значка, но вы можете ссылаться на различные компоненты значка как фигуры по отдельности.</li> <li>вам нужны знания о кодировке svg и/или base64</li> <li>ограничена или не поддерживается в старых версиях ie</li> </ul><p><strong> иконочные шрифты </strong></p><ul> <li>значок может иметь только один цвет заливки, один цвет фона и т.д.</li> <li>значок может быть встроен в css или html. в html вы можете использовать символ напрямую или использовать объект html для его представления.</li> <li>некоторые символы могут отображаться без использования веб-шрифта. большинство символов не могут.</li> <li>многократное использование одного и того же символа подразумевает дублирование символа, когда ваш персонаж встроен в html. дублирование не требуется при встраивании файла в css.</li> <li>вы можете использовать <code>color</code>, <code>font-size</code>, <code>line-height</code>, <code>background-color</code> или другие правила стиля, связанные со шрифтами, чтобы изменить отображение вашего значка</li> <li>вам не нужны специальные технические знания</li> <li>поддержка во всех основных браузерах, включая старые версии ie</li> </ul><p>лично я бы рекомендовал использовать фоновые изображения только тогда, когда вам нужно несколько цветов, и эти цвета не могут быть достигнуты с помощью <code>color</code>, <code>background-color</code> и других связанных с цветом правил css для шрифтов.</p><p>основное преимущество использования изображений svg заключается в том, что вы можете придавать различным компонентам символа собственный стиль. если вы встраиваете свой код svg xml в документ html, это очень похоже на стилизацию html. это, однако, приведет к созданию веб-страницы, которая использует как теги html, так и теги svg, что может значительно снизить читабельность веб-страницы. это также добавляет дополнительный раздув, если символ повторяется на нескольких страницах, и вам необходимо учитывать, что старые версии ie не поддерживают или ограничивают поддержку svg.</p>

<p>"не ascii (ни ↑/↓)" требует уточнения.</p><p>хотя эти символы не определены в <a href="http://en.wikipedia.org/wiki/ascii">американский стандартный код для обмена информацией</a> как глифы, их коды были широко использованы для графического представления ascii кодов 24 и 25 (шестнадцатеричные 18 и 19, cancel и em: конец среднего). <a href="http://en.wikipedia.org/wiki/code\_page\_437">кодовая страница 437</a> (ibm называет extended ascii, включает в себя числовые коды от 128 до 255), определил использование этих глифов как ascii коды и повсеместность эти соглашения проникли в отрасль, что рассматривается их внедрением в качестве стандартов ведущими компаниями, такими как hp, особенно для принтеров, и ibm, особенно для микрокомпьютеров, начиная с оригинального пк.</p><p>точно так же, как использование кодов ascii для can и em было относительно устаревшим в то время, что оправдывало их использование в качестве глифов, с течением времени использование кодов в качестве глифов устарело по сравнению с текущим использованием. unicode конвенций.</p><hr><p>следует подчеркнуть, что расширения ascii, сделанные ibm в extended ascii, включали не только больший числовой набор для числовых кодов от 128 до 255, но и расширили использование некоторых числовых управляющих кодов в ascii диапазон от 0 до 32, от простых протоколов управления передачей мультимедиа до глифов. часто ошибочно полагают, что первые от 0 до 128 не были "расширены" и что ibm использовала глифы условного ascii для этого диапазона. эта ошибка также допущена в одной из предыдущих ссылок. эта ошибка стала настолько распространенной, что в разговорной речи переопределила ascii подсознательно.</p>

<p>я знаю, что опаздываю на вечеринку, но вы можете сделать это и простым css:</p><p><strong> html: </strong></p><p><em> (это может быть любой элемент html, если вы используете встроенный элемент, например, <code><span></code>, убедитесь, что вы сделали его блоком/блоком inline-block с <code>display:block;</code> или <code>display:inline-block</code>) </em>:</p><p><code><div class="up"></div></code></p><p>а также</p><p><code><div class="down"></div></code></p><p><strong> css: </strong></p><pre><code>.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); } </code></pre><p>вы также можете выполнить это, используя псевдоэлементы <code>:before</code> и <code>:after</code>, что на самом деле является лучшим способом, поскольку вы избегаете создания дополнительной разметки. но это зависит от вас, как вы хотели бы достичь этого.</p><p>-</p><p>вот <strong> <a href="http://codepen.io/rzea/pen/feils">демонстрация в codepen</a> </strong> со многими возможностями стрелок.</p>

<p>многие люди здесь предлагают использовать треугольники, но иногда вам нужен шеврон.</p><p>у нас был случай, когда на нашей кнопке изображен шеврон, и мы хотели, чтобы в руководстве пользователя была ссылка на кнопку таким образом, чтобы ее распознал и нетехнический пользователь. итак, нам нужен был знак шеврона.</p><p>мы использовали ﹀ в конце. он известен как презентационная форма для вертикального правого углового кронштейна и имеет код u + fe40.</p>

<p><strong>html-сущности для пустых треугольников</strong><br> ◁ = <code>◁</code><br> ▷ = <code>▷</code><br> ▽ = <code>▽</code><br> △ = <code>△</code></p>

<p>  это u + 25b2 (<code></code>) и u + 25bc (<code></code>) соответственно</p>

<p> <a href="http://www.plcdev.com/ascii\_chart">этот</a> , кажется, подразумевает, что 030 и 031 - это треугольники вверх и вниз.</p><p><em> (как указал бобинс, это не является стандартом ascii) </em></p>

<p>я использую  и , но они могут не работать для вас. я использую alt 11551 для первого и 11550 для второго. вы всегда можете скопировать и вставить их, если ascii не совпадает для вашей системы.</p>