"검색"을 나타내는 유니 코드 글리프 기호가 있습니까?

191

유니 코드에는 백만 개의 아이콘 모양의 글리프가 있지만 검색하기가 매우 어렵습니다.

"쌍안경"또는 "돋보기"처럼 보이는 유니 코드 글리프가 있습니까? 아니면 유니 코드로 된 "검색"을 의미하는 기호가 있습니까?

unicode symbols html-entities

— 프라 사드 자다브
소스

의 중복 가능성 어떤 유니 코드 문자 당신은 당신의 웹 사이트에 사용합니까? (이미지 아이콘 대신)

— Kzqai

4

일련의 글리프를 사용할 수 있습니다 : U + 0053, U + 0065, U + 0061, U + 0072, U + 0063, U + 0068 8-)}

— Keith Thompson

1

경우 이 다른 질문이 닫혔다, 그래서이 일을해야한다.

— Ciro Santilli 郝海东冠状病六四事件法轮功

svg가 당신을 위해 그것을하는지 확실하지 않지만 이것이 내가 사용한 것이므로 획 속성에서 색상을 변경할 수 있습니다. <svg style = "height : 1em;" viewBox = "0 12 13"> <g stroke-width = "2"stroke = "# 999999"fill = "none"> <경로 d = "M11.29 11.71l-4-4"/> <cx 원 = "5"cy = "5"r = "4"/> </ g> </ svg>

— 닭

204

이 U + 1F50D 왼쪽을 가리키는 돋보기 (🔍) 및 U + 1F50E 오른쪽을 가리키는 돋보기 (🔎).

(HTML로) 🔍또는🔎

그러나 많은 글꼴에서 지원되지 않습니다 (fileformat.info는 적절한 글리프를 사용하여 코드 포인트를 지원하는 몇 가지 글꼴 만 나열합니다).

또한 BMP 외부에 있으므로 일부 유니 코드 가능 소프트웨어는 지원하는 글꼴이 있어도 렌더링에 문제가있을 수 있습니다.

일반적으로 유니 코드 글리프는 fileformat.info 와 같은 사이트를 사용하여 검색 할 수 있습니다 . 이것은 유니 코드 글리프의 이름과 속성에서 "만"을 검색하지만 일반적으로 좋은 검색 결과를 얻을 수있는 충분한 메타 데이터를 포함합니다 (이 답변에서는 "glass"를 검색하고 결과 목록을 탐색했습니다)

— 요아킴 사우어
소스

7

@Prasad Jadhav, 유니 코드 지원 문제는 오늘날 대부분 글꼴 문제이며 실제로는 다른 질문입니다. 이와 같이 희귀 한 (글꼴) 문자의 경우 포함 된 글꼴 ( @font face)이 유일한 옵션 일 수 있으며 다소 문제가 있습니다 (Symbola가 큰 글꼴이므로). 문자는 Quivira (버전 3.7) 및 Segoe UI 기호 (버전 5.01)에도 표시되지만 여전히 매우 제한된 글꼴 세트입니다. Quivira는 무료 글꼴이며 Segoe UI Symbol은 Windows 7과 함께 제공되며 편집 가능한 포함이 가능합니다.

— Jukka K. Korpela

21

"전화 녹음기"U + 2315를 추천해도 ⌕됩니까? 완전히 관련이 없지만 어떻게 든 돋보기와 비슷하며 U + 1F50D 및 U + 1F50E와는 다른 표준 글꼴에 포함 된 것으로 보입니다.

— zopieux

1

Arial (Windows)은 "왼쪽 포인팅 돋보기"도 지원합니다

— Spinal

1

궁금한 점이 있으면 크롬 북에서 컬러로 렌더링됩니다. i.imgur.com/86b0a2o.png

— LB--

5

당신이 착색을하지 않으려면, 그 뒤에 유니 코드 변화 선택기 (15)를 사용하고 대신 🔎︎으로 나타납니다

— PFG

124

⚲ 기호 ( ⚲또는로 인코딩 ⚲)를 사용하고 회전하여 원하는 효과를 얻으십시오.

<div style="-webkit-transform: rotate(45deg); 
               -moz-transform: rotate(45deg); 
                 -o-transform: rotate(45deg);
                    transform: rotate(45deg);">
    &#9906;
</div>

그것은 기호를 회전시킵니다 :)

— 리키
소스

1

요점은 텍스트 기반의 글리프 (glyph)를 사용하는 것이며, 심볼은 유니 코드보다 더보기 좋습니다. +1.

— Niloct

1

@Niloct html 답변입니다. HTML 관련 질문이 보이지 않습니다. xaml에서는 다음과 같은 작업을 수행합니다 <Grid.RenderTransform><CompositeTransform Rotation="-45" /></Grid.RenderTransform>. 유니 코드 질문을 할 때 웹 프로그래밍을 당연한 것으로 생각합니까?

— John

3

Linux (Ubuntu)에서는 매우 좋아 보이지만 Windows를 사용할 때 사각형 만 볼 수 있습니다.

— Eliasz Kubala

6

그것은 "남성과 여성 모두"라는 의미에서 중립 을 의미합니다. 글리프에만 문자를 사용하려는 경우 개인 사용 영역 어딘가에 할당 된 글꼴에 넣거나 PNG를 사용하는 것이 "남성과 여성이 아닌 사람"이 아니라 적용하는 것이 좋습니다. 🔍또는 처럼 보이게하는 스타일 🔎.

— Jon Hanna

1

이것은 저에게 정말 효과적이었습니다. 나는 <span class='icn icn-find'></span>그때 CSS를 만들었습니다

.icn-find:after { 				-webkit-transform: rotate(45deg); 				-moz-transform: rotate(45deg); 				-o-transform: rotate(45deg); 				transform: rotate(45deg); 				display: block; 				content: "\26B2"; 			}

. 잘 작동합니다!

— teewuane 2016 년

61

유니 코드 문자를 검색하는 데 도움이되도록 http://shapecatcher.com/ 을 사용하는 것이 좋습니다 . 그것은 당신이 추구하는 모양을 그린 다음 해당 모양과 가장 가까운 일치를 나열합니다.

— 존 홀트 리플리
소스

10

멋진 도구입니다. 그것은 돋보기를 검색하려고 할 때 주로 Q와 O를 찾는데 여전히 ... 꽤 달콤한 도구

— redbmk

8

돋보기를 찾았습니다. p

— vsync

1

여기 멋진 사진과 문자를 발견 charbase.com/block/miscellaneous-symbols-and-pictographs

— 세바스찬

아주 좋은 도구이지만 돋보기 / 검색 아이콘, 문자 목록이없고 2012 년 이후 슬프게도 업데이트되지 않음

— Mousey

30

이 시스템의 스크린 샷-Chrome OS에서 올바르게 표시됩니다.

༗ U + 0F17

⌕ U + 2315

ᰄ U + 1C04

— 비탈리 즈 다네 비치
소스

문자 코드를 게시 하시겠습니까? 그것은 표시되지 않습니다

— Mousey

1

@Mousey 추가 코드 및 스크린 샷

— Vitaly Zdanevich

14

당신이 솔루션이 취소 선 엉덩이를 넣어 이유 OMG, 처음 난 ... 궁금

— 토마스 웰러에게

이것이 가장 좋은 대답입니다. 돋보기가 멋져 보입니다. 2018 년에는 모든 유니 코드 문자가 그림 이모티콘으로 바뀌어 혼란에 빠집니다. 검색 양식에 다음과 같이 사용했습니다.#searchform:after { content: "\002315"; margin-left: -24px; }

— Ciprian

1

감사합니다. U + 2315는 JSF xml 기반 마크 업 뷰 (RichFaces)에서 다음과 같이 작동했습니다. <a4j : commandButton value = "# {someBooleanExpr? '& # x25bc;' : '& # x2315;'} "/>

— Lisa

6

이 CSS를 간단하게 헤더에 추가 할 수 있습니다

<link href='http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet' type='text/css'>

그런 다음 글리프 기호를 표시하려는 위치에이 코드를 추가하십시오.

<div class="fa fa-search"></div> <!-- smaller -->
<div class="fa fa-search fa-2x"></div> <!-- bigger -->

즐기세요

— 엘리아스 쿠 발라
소스

1

헤더에 CSS 파일을 더 추가하면 페이지로드 속도가 느려집니다. CSS 파일은 렌더 차단입니다.

— tinkerr

렌더링에 관심이있는 경우이 파일의 중요한 부분 만 추가 할 수 있습니다.

— Eliasz Kubala

2

CSS 글꼴을 사용하는 카운터 다운 보트는 실제로 더 많은 아이콘이 필요한 경우 특히 매우 합리적입니다.

— rr-

이 페이지에 자리 표시 자 () 안에 배치 할 수있는 "아이콘"을 찾아서 <input>HTML을 사용할 수있는 경우에 대한 해결책 일뿐입니다.

— Armfoot

FontAwesome에 대한 공감. 웹에 대한 무료 글리프 톤. 굉장히 유용하다.

— PRMan