HTML로 표시하기 위해 위 / 아래 삼각형 (줄이없는 화살표)에 어떤 문자를 사용할 수 있습니까?


1241

토글 스위치로 사용할 수 있도록 위 또는 아래를 가리키는 삼각형 인 HTML 또는 ASCII 문자를 찾고 있습니다.

나는 ↑ ( ↑)와 ↓ ( ↓)를 찾았 지만 줄기가 좁습니다. HTML 화살표 "head"만 찾고 있습니다.


55
일을 단순하게 유지하려면 캐럿 "^"(shift-6)과 소문자 "v"를 사용할 수 있습니다. 지정한 글꼴에 따라 화살표 모양이됩니다.
meagar

3
더 ASCII 문자이 웹 사이트를 확인 http://graphemica.com/characters
mateusmaso

@mateusmaso - 이러한 유니 코드 다시 '.
Derek 朕 會 功夫

17
다음은 한 페이지에서 빠르게 찾을 수있는 방법입니다. amp-what.com/#q=triangle
ndp

10
다음은 가능한 모든 유니 코드 화살표를 수집하는 데 어려움을 겪은 사람입니다
Mark Ransom

답변:


1613

유니 코드 화살표 머리 :

  • ▲-U + 25B2 블랙 포인팅 트라이앵글
  • ▼-U + 25BC 블랙 다운 포인팅 트라이앵글
  • ▴-U + 25B4 스몰 블랙 업 포인팅 트라이앵글
  • ▾-U + 25BE 스몰 블랙 다운 포인팅 트라이앵글

▲ 및 ▼ 사용 ▲▼직접 유니 코드 문자를 포함 할 수 없습니다 경우 각각 (사용 UTF-8!).

더 작은 버전의 글꼴 지원은 좋지 않습니다. 작은 글꼴로 큰 버전을 사용하는 것이 좋습니다.

더 많은 유니 코드 화살표가 있습니다 :

마지막으로,이 화살표는 ↑ 및 ↓를 포함하여 ASCII가 아니며 유니 코드입니다.


126
또한 첫 번째 설정 (왼쪽 아래 오른쪽-▲ ▼ ◀ ▼)을 완료하려면 왼쪽은 U + 25C0이고 오른쪽은 U + 25B6입니다. 나는 이것을 여기에서 발견했다 : unicode.org/charts
Nathan Long

227
"유니 코드 삼각형." 구글을 위해 그렇게 말하고 싶었다. :)
Nathan Long

120
ㅋ! 방금 이것들이 다시 필요했고 "유니 코드 삼각형"을 검색했습니다. 구글이 나를 여기로 데려왔다. 후자!
Nathan Long

13
예, ◀ / ▶는 ▲ / ▼보다 글꼴 / 대체에서 잘 지원되지 않지만 일반적으로 IE6 사용자는 사각형을 보게됩니다. 왼쪽 / 오른쪽 '포인터'문자 ◄ / ►는 여전히 위 / 아래와 같이 일반적이지 않지만 약간 더 광범위하게 지원됩니다.
bobince

86
또 다른 참고 사항 : CSS에 이들을 추가하려면 앞에 백 슬래시가있는 숫자 부분을 사용하십시오. }
Andrew

679

HTML 엔티티의 경우
◄ = ◄
► = ►
▼ = ▼
▲ =▲


5
그 HTML 엔티티를 테스트하고있었습니다. 왼쪽 화살표가 안드로이드 브라우저에 제대로 표시되지 않는다고보고 할 수 있지만 오른쪽 화살표는 표시됩니다.
oabarca

3
@ user2070775 실제로 : saucelabs.com/jobs/55afcb2086824f4c9c0c1643f2485952/… . Droid Sans 및 Roboto 글꼴에는 삼각형이 없습니다. Droid Serif는이 4 개를 갖습니다 (검정색 위 / 아래쪽 화살표, 검은 색 왼쪽 / 오른쪽 포인터). Droid Sans Fallback에는 모든 BLACK / WHITE UP / DOWN / LEFT / RIGHT TRIANGLE과 BLACK RIGHT-POINTING POINTER가 있지만 LEFT-POINTING POINTER는 없습니다.
Beni Cherniavsky-Paskin

9
이들에 대한 ALT 코드는 (Alt + 30) ▲, (Alt + 31) ▼, (Alt + 16) ►, (Alt + 17) ◄입니다.
Nate

4
이 문자들은 IE8에서 작동합니다. 일반적으로 브라우저는 일관된 크로스 브라우저이며 Windows에서 허용되는 답변의 삼각형보다 낫습니다.
Will Koehler

9
그들은 같은 대답입니다. 예를 들어, 10 진수 9650은 16 진수 25B2 (& # x25B2는 & # 9650)입니다.
Erik Philips

583

옵션 1 : 유니 코드 열 정렬 화살표

단일 문자 열 분류기에 매우 유용한 것으로 나타났습니다. (규모가 좋아 보입니다) .

⇕ = ⇕

유니 코드 테이블 열 정렬 화살표

중요 참고 사항 (유니 코드 기호를 사용하는 경우)

유니 코드 지원은 선택한 심볼, 브라우저 및 글꼴 모음에 따라 다릅니다. 선택한 브라우저에서 일부 심볼이 작동하지 않는 경우 다른 글꼴 모음을 사용해보십시오. "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 : 순수한 CSS 쉐브론

최근에는 CSS 만 사용하여 효율적으로 갈매기 형 도형을 만드는 방법에 대한 기사를 만들었습니다 (이미지 필요 없음).

간단하게 변경하는 방법 :

  • 회전
  • 두께
  • 색깔
  • 크기

CLICK FOR DEMO ON JSFIDDLE


여기에 이미지 설명을 입력하십시오


CSS (크로스 브라우저 지원으로 효율적)

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


옵션 3 : CSS BASE64 이미지 아이콘

위아래 위아래

내려가는 내려가는

쪽으로 쪽으로

몇 줄의 CSS 만 사용하여 이미지를 base64로 인코딩 할 수 있습니다.


CLICK FOR DEMO ON JSFIDDLE


찬성

  • 이미지 나 글꼴 형식으로 추가 리소스를 포함 할 필요가 없습니다.
  • 완전한 알파 투명도를 지원합니다.
  • 완벽한 크로스 브라우저 지원.
  • 작은 이미지 / 아이콘은 데이터베이스에 저장 될 수 있습니다.

단점

  • 업데이트 / 편집은 번거로울 수 있습니다.
  • 과도한 코드 마크 업으로 인해 큰 이미지에는 적합하지 않습니다.

CSS

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

유니 코드 화살표 &#x21EB;이상은 FF 및 IE에서 잘 보이지만 Chrome에서는 렌더링되지 않습니다.
LandedGently

@LandedGently 유니 코드 지원은 브라우저에 따라 다르지만 "Segoe UI Symbol"과 같은 코드를 렌더링하기 위해 다른 글꼴을 사용하려는 경우 웹 사이트에 글꼴을 포함시키는 것이 좋습니다. 다른 브라우저에서이 페이지를 열어 어떤 글꼴이 기본 글꼴로 렌더링되는지 확인하십시오.
DreamTeK

283

죄송하지만 유니 코드로만되어 있습니다. :(

큰 것들 :

  • U+25B2 (검정색 위를 향한 삼각형 ▲)
  • U+25BC (검정색 아래로 향하는 삼각형 ▼)
  • U+25C0 (검정 왼쪽 삼각형 ◀)
  • U+25B6 (검정 오른쪽을 가리키는 삼각형 ▶)

큰 흰색 것들 :

  • U+25B3 (흰색 위를 향한 삼각형 △)
  • U+25BD (흰색 아래쪽을 가리키는 삼각형 ▽)
  • U+25C1 (흰색 왼쪽을 가리키는 삼각형 ◁)
  • U+25B7 (흰색 오른쪽을 향한 삼각형 ▷)

작은 삼각형도 있습니다.

  • U+25B4 (검정색 작은 삼각형 ▴)
  • U+25C2 (검정 왼쪽 작은 삼각형 ◂)
  • U+25BE (검은 색 아래쪽 작은 삼각형 ▾)
  • U+25B8 (검정 오른쪽을 가리키는 작은 삼각형 ▸)

또한 일부 흰색 것들 :

  • U+25C3 (흰색 왼쪽 작은 삼각형 ◃)
  • U+25BF (흰색 아래쪽 작은 삼각형 ▿)
  • U+25B9 (흰색 오른쪽을 가리키는 작은 삼각형 ▹)
  • U+25B5 (흰색을 가리키는 작은 삼각형 ▵)

"뾰족한"삼각형도 있습니다. Wikipedia에서 자세한 내용을 볼 수 있습니다 :
http://en.wikipedia.org/wiki/Geometric_Shapes

그러나 불행히도 그것들은 모두 ASCII 대신 유니 코드입니다. 당신은 여전히 ASCII를 사용하려는 경우, 당신은 단지 사용에 대한 이미지 파일을 사용할 수 있습니다 ^v. ( 모바일 버전의 Google지도와 마찬가지로 고대 모바일 Google지도를 가리 켰습니다)


다른 사람들이 제안했듯이 CSS 테두리 또는 SVG 모양 또는 JavaScript 캔버스를 사용하여 HTML로 삼각형을 만들 수도 있습니다.

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>

자바 스크립트

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의 Chrome)
Drew LeSueur

2
Windows CE에서 이러한 기호를 사용하는 방법은 무엇입니까?
utvecklare

4
첫 번째 세트의 ALT 코드는 (Alt + 30) ▲, (Alt + 31) ▼, (Alt + 16) ►, (Alt + 17) ◄입니다.
Nate

2
@Nate-Mac OS 용입니까? 그들은 Windows에서 나를 위해 작동하지 않기 때문에.
Derek 朕 會 功夫

2
그것들은 내가 Visual Studio에서 그것들을 얻는 데 사용한 것과 여기에 내 의견에 입력 한 방식입니다. Windows 7. 어쩌면 그것이 보편적이라고 생각하지는 않습니다. 사용중인 글꼴이 이러한 문자를 지원하지 않을 수 있습니다.
Nate

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도 각도로 만나는 것을 추가해야합니다. 컬러 테두리에 인접한 테두리의 너비를 변경하면 각도를 변경할 수 있습니다.
Magnus Magnusson

3
추신 : 이들은 일반적으로 :after대화 거품을 만드는 데 사용됩니다 .
Derek 朕 會 功夫

6
경계를 사용하여 삼각형을 만들면 : after pseudo 요소보다 브라우저 지원이 더 넓습니다.
Magnus Magnusson

2
이것이 어떻게 작동했는지 알아내는 데 시간이 걸렸습니다. 나는 "ah-ha"순간을 위해 바이올린의 .arrow에 background : red를 추가했다
Andiih

86

Spacing Modifier Letters 블록 에는 리터럴 화살촉이 있습니다 .

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
16 진수 &#x2C4;또는 decimal &#708;입니다. 그러나 페이지 인코딩이 올바른 경우 문서에 복사하여 붙여 넣을 수 있습니다.
bobince

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

언급했듯이 모든 페이지 인코딩에서 작동하지는 않습니다. OP가 인코딩과 상관없이 작동하는 10 진수로 게시하지 않은 이유를 모르겠습니다. 사용 & # 708; & # 709;
Lev

1
데비안 (작고 위쪽으로 이동)과 Windows (큰 세로 방향)에서는 상당히 다르게 보입니다.
mimo

19

아래쪽을 가리키는 삼각형을 표시하는 몇 가지 올바른 방법이 있습니다.

방법 1 : 십진 HTML 엔터티 사용

HTML :

&#9660;

방법 2 : 16 진수 HTML 엔터티 사용

HTML :

&#x25BC;

방법 3 : 문자를 직접 사용

HTML :


방법 4 : CSS 사용

HTML :

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

CSS :

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

이 세 가지 방법은 각각 동일한 출력을 가져야합니다. 다른 기호의 경우 동일한 세 가지 옵션이 있습니다. 일부는 네 번째 옵션을 가지고있어 문자열 기반 참조를 사용할 수 있습니다 (예 : &hearts;♥ 표시).

Unicode-table.com 과 같은 참조 웹 사이트를 사용하여 UNICODE에서 지원되는 아이콘 과 해당 코드 를 찾을 수 있습니다. 예를 들어, http://unicode-table.com/en/25BC/ 에서 아래쪽 삼각형의 값을 찾을 수 있습니다 .

이 방법은 모든 브라우저에서 기본적으로 사용 가능한 아이콘에만 충분합니다. ☃, ❄, ★, ☂, ☭, ⎗ 또는 ⎘와 같은 기호의 경우에는 그럴 가능성이 훨씬 낮습니다. 다른 UNICODE 기호에 대해 브라우저 간 지원을 제공 할 수 있지만 절차는 조금 더 복잡합니다.

덜 일반적인 UNICODE 문자에 대한 지원을 추가하는 방법을 알고 싶다면 유니 코드 보조 다국어 평면 기호 를 사용 하여 웹 폰트 작성을 참조 하십시오 .


배경 이미지

완전히 다른 전략은 글꼴 대신 배경 이미지를 사용하는 것입니다. 최적의 성능을 위해서는 예를 들어 언급 한대로 이미지를 기본 인코딩하여 CSS 파일에 이미지를 포함시키는 것이 가장 좋습니다. @ weasel5i2 및 @Obsidian. 그러나 GIF 대신 SVG를 사용하는 것이 좋지만 성능과 기호 선명도 모두에 좋습니다.

다음 코드는 여기에 이미지 설명을 입력하십시오아이콘 의 base64 및 SVG 버전입니다 .

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

배경 이미지 또는 글꼴을 사용하는 경우

많은 사용 사례에서 SVG 기반 배경 이미지와 아이콘 글꼴은 성능과 유연성면에서 거의 동일합니다. 선택할 것을 결정하려면 다음 차이점을 고려하십시오.

SVG 이미지

  • 그들은 여러 색상을 가질 수 있습니다
  • 자체 CSS를 포함하거나 HTML 문서로 스타일을 지정할 수 있습니다.
  • CSS에 포함되고 HTML에 포함 된 별도의 파일로로드 할 수 있습니다.
  • 각 기호는 XML 코드 또는 base64 코드로 표시됩니다. 코드 편집기 내에서 직접 문자를 사용하거나 HTML 엔터티를 사용할 수 없습니다
  • 동일한 기호를 여러 번 사용하면 XML 코드가 HTML에 포함 된 경우 기호가 중복됩니다. 파일을 CSS에 임베드하거나 별도의 파일로로드 할 때 중복이 필요하지 않습니다.
  • 당신은 사용할 수 없습니다 color, font-size, line-height, background-color의 아이콘의 표시를 변경하거나 다른 폰트 관련 스타일 규칙을하지만, 개별적 모양으로 아이콘의 다른 구성 요소를 참조 할 수 있습니다.
  • SVG 및 / 또는 base64 인코딩에 대한 지식이 필요합니다.
  • 이전 버전의 IE에서는 지원이 제한적이거나 지원되지 않습니다

아이콘 글꼴

  • 아이콘은 하나의 채우기 색, 하나의 배경색 등 만 가질 수 있습니다.
  • CSS 나 HTML에 아이콘을 포함시킬 수 있습니다. HTML에서 문자를 직접 사용하거나 HTML 엔터티를 사용하여 나타낼 수 있습니다.
  • 웹 폰트를 사용하지 않고 일부 기호를 표시 할 수 있습니다. 대부분의 기호는 할 수 없습니다.
  • 동일한 기호를 여러 번 사용하면 문자가 HTML에 포함 된 경우 기호가 중복됩니다. CSS에 파일을 임베드 할 때 중복이 필요하지 않습니다.
  • 당신이 사용할 수있는 color, font-size, line-height, background-color의 아이콘의 표시를 변경하거나 다른 폰트 관련 스타일 규칙을
  • 특별한 기술 지식이 필요하지 않습니다
  • 이전 버전의 IE를 포함한 모든 주요 브라우저에서 지원

개인적으로, 나는 여러 색상을 필요로하고 그 색상에 의해 달성 할 수없는 경우에만 배경 - 이미지의 사용을 추천 color, background-color글꼴 다른 색상 관련 CSS 규칙.

SVG 이미지 사용의 주요 이점은 심볼의 다양한 구성 요소에 고유 한 스타일을 지정할 수 있다는 것입니다. SVG XML 코드를 HTML 문서에 포함 시키면 HTML 스타일과 매우 유사합니다. 그러나 이로 인해 HTML 태그와 SVG 태그를 모두 사용하는 웹 페이지가 생겨 웹 페이지의 가독성이 크게 떨어질 수 있습니다. 또한 여러 페이지에서 심볼이 반복되고 이전 버전의 IE가 SVG를 지원하지 않거나 제한적으로 지원해야하는 경우 추가 부풀림을 추가합니다.


14

"ASCII 아님 (↑ / ↓도 아님)"에는 자격이 필요합니다.

이러한 문자는 미국 정보 교환 표준 코드에서 글리프 (glyph)로 정의되지 않지만 ASCII 코드 24 및 25 (16 진수 18 및 19, CANcel 및 EM : End of Medium)에 대한 그래픽 표현을 제공하는 데 일반적으로 사용되었습니다. 코드 페이지 437 (IBM에서 확장 ASCII라고하며, 숫자 코드 128 ~ 255 포함)은이 글리프의 사용을 ASCII 코드로 정의했으며 이러한 규칙의 편재성으로 인해 HP와 같은 주요 회사에서 표준으로 배포 한 것처럼 산업에 스며 들었습니다. 특히 프린터, IBM, 특히 원래 PC로 시작하는 마이크로 컴퓨터에 적합합니다.

CAN 및 EM에 ASCII 코드를 사용하는 것이 글리프로 사용하는 것을 정당화하면서 당시에는 상대적으로 더 이상 사용되지 않는 것처럼, 시간이 지남에 따라 현재 UNICODE 규칙을 사용하여 코드를 글리프로 사용하지 못했습니다.


확장 ASCII에서 IBM이 작성한 ASCII의 확장은 숫자 코드 128-255에 대해 더 큰 숫자 세트를 포함 할뿐만 아니라 0에서 32까지의 ASCII 범위에서 일부 숫자 제어 코드의 사용을 확장했음을 강조해야합니다. 글리프를 포함하는 미디어 전송 제어 프로토콜 만 처음 0-128이 "확장되지"않았으며 IBM이이 범위에 대해 기존 ASCII의 글리프를 사용하고 있다고 잘못 가정하는 경우가 종종 있습니다. 이 오류는 이전 참조 중 하나에서도 발생합니다. 이 오류는 매우 널리 보급되어 ASCII를 하위 적으로 구어 적으로 재정의했습니다.


5
유익한 정보 답변 이지만 Timj가 ↑ / ↓의 대안을 요구하고 있다고 생각합니다.
David Hogue

13

나는 파티에 늦었다는 것을 알고 있지만 일반 CSS로도 이것을 달성 할 수 있습니다.

HTML :

(당신이 같은 인라인 요소를 사용하는 경우는, 모든 HTML 요소가 될 수 있습니다 <span>예를 들어 당신이 그것으로 블록 / 인라인 블록 요소하게 확인, display:block;또는 display:inline-block) :

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

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

CSS :

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

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

또한 사용하여 수행 할 수 :before:after당신이 여분의 마크 업 생성을 피해 때문에 실제로 더 좋은 방법입니다 의사 요소. 그러나 그것은 당신이 그것을 성취하고 싶은 방법에 달려 있습니다.

-

다음 은 많은 화살표가 가능한 CodePen데모입니다 .


순수한 CSS에서이 작업을 수행 할 수있을 좋은 반면, 시간 낭비 후, 나는 유니 코드 화살표로 돌아 왔어요 파이어 폭스 나 IE의 지원을 음영의 부족으로 몇 가지 문제가 있습니다
direct00

@ direct00 요점을 놓쳤다. 화살표를 특정 방식으로 꾸미는 것을 알고 있다면 어떤 방법이 가장 적합한 지 배트를 알 수있을 것입니다. 당신이 당신의 시간을 낭비한다면, 그것은 내 솔루션의 문제가 아니라 당신입니다. 그리고 그 태도도 필요하지 않습니다. 행운을 빕니다.
Ricardo Zea

11

여기 많은 사람들이 삼각형 사용을 제안하지만 때로는 갈매기 모양이 필요합니다.

우리는 버튼에 갈매기 모양을 표시하는 경우가 있었으며, 기술 매뉴얼이 아닌 사용자도 인식 할 수있는 방식으로 사용자 매뉴얼에서 버튼을 참조하기를 원했습니다. 그래서 쉐브론 사인이 필요했습니다.

우리는 결국 ﹀를 사용했습니다. 수직 직각 브래킷 용 프리젠 테이션 형식으로 알려져 있으며 코드는 U + FE40입니다.


11

일반적으로 가장 좋은 것은 그의 맥락에서 인물을 보는 것입니다.

다음은 유니 코드 문자전체 목록 과 브라우저가 현재이를 표시하는 방법입니다. 나는이 목록이 진화하는 것을 보았습니다.

이 목록은 html entity unicode 테이블의 10 진수로 반복하여 얻습니다. 몇 초가 걸릴 수 있지만 많은 경우 나에게 매우 유용합니다.

주어진 문자를 빠르게 가져 가면 12 진수와 16 진수 및 키보드로 생성 할 수있는 바로 가기가 표시됩니다.

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은 8,518자를 더하여 총 136,690 자입니다.

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


1
도움이 될 것 같습니다. 특정 브라우저에서 유니 코드 10이 지원되는지 확인하는 방법을 알고 있습니까? 나는 확인 caniuse.com/#search=unicode%2010을 하지만, 말을 보이지 않았다.
Ryan

1
글쎄, 말하기 어렵다. 크롬과 같은 리눅스 무료 브라우저의 경우 기본적으로 제공되지 않지만 추가 글꼴을 설치할 수 있습니다. 가장 완벽한 것은 아마도 그림 이모티콘입니다 : github.com/emojione/emojione
NVRM

10

빈 삼각형의 HTML 엔티티
◁ = &#9665;
▷ = &#9655;
▽ = &#9661;
△ =&#9651;



9

나는 asker가 이것들 중 하나를 언급하고 있다고 생각한다.

불행하게도,이 글리프 (glyph)는 어디에서나 별개의 문자 개체로 존재하지 않는 것 같습니다. Wikipedia는 심볼을 달성하기 위해 인라인 자바 스크립트와 img content = "data : image / gif ..."를 사용하여 아래에서이를 수행합니다.

덧붙여서, 여기에 대한 base64가 있습니다 :

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

이것이 누군가를 돕기를 바랍니다! 여기에 이미지 설명을 입력하십시오


2
죄송합니다. 방금 질문 한 사람이 "위로 또는 아래로"라고 말한 것을 알지 못했지만 일부는이 "위로 아래로"가 어느 정도 유용 할 수 있습니다.
weasel5i2

2
이 스레드에 base64 옵션이 추가되었습니다. 좋은 것
DreamTeK

2
간단한 gif의 base64 문자열이 너무 깁니다. 같은 아이콘의 더 선명한 base64 이미지를 70 자로 압축했습니다. 위의 답변에 추가했습니다.
DreamTeK

1
색상을 사용자 정의 할 수 있습니까?
Hlung

5

이것은 030과 031이 위와 아래 삼각형이라는 것을 의미합니다.

(보 빈스가 지적했듯이 이것은 ASCII 표준이 아닌 것 같습니다)


6
나를 위해 작동합니다. ... 문자가 아닌 링크; 그것은 ASCII가 아닌 코드 페이지 437 입니다. 437은 브라우저에서 사용할 수없는 오래된 DOS 코드 페이지입니다.
bobince

2
방금 "ALT- [NUMPAD 3]-[NUMPAD 1]"을 시도한 결과 : ▼ (OS는 Windows XP SP3, 브라우저는 Firefox 3.6 (?))
FrustratedWithFormsDesigner

4

나는 ▼와 ▲를 사용하지만 그들은 당신을 위해 작동하지 않을 수 있습니다. 첫 번째에는 alt 11551을 사용하고 두 번째에는 11550을 사용합니다. ASCII가 시스템과 동일하지 않은 경우 언제든지 복사하여 붙여 넣을 수 있습니다.


1

여기에서 권장되는 가장 인기있는 기호 (▼ 및 ▲)가 너무 굵게 표시되므로 사용자 ADJenks가 권장하는 codepoints.net 사이트에서 내 기호에 더 잘 맞는 기호를 발견했습니다. 🞀 (U + 1F780) 🞁 (U + 1F781) 🞂 (U + 1F782) 🞃 (U + 1F783)


🞁와 🞃은 확실히 더 예쁘지 만 반응하지는 않습니다 (최소한 v0.59에서)
laszlo

0

이 사이트에 사용하고 싶은 사이트는 codepoints.net입니다.

다음은 "arrowhead"와 "triangle"이라는 단어를 검색 한 것입니다 : https://codepoints.net/search?q=arrowhead+triangle

줄기가있는 "삼각형 화살표"와 일치하는 항목이 있지만, 4 개의 작은 페이지 만 훑어 볼 수 있으며 각 캐릭터에 대한 세부 사항이 잘 일치하는 많은 항목이 있습니다.

"기타 기호 및 화살표"에 대한 코드 블록도 있으며이 웹 사이트에는 다음이 나열되어 있습니다. https://codepoints.net/miscellaneous_symbols_and_arrows


0

여기 또 하나가 있습니다-ᐞ-Unicode U + 141E / CANADIAN SYLLABICS GLOTTAL STOP

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.