Czy istnieje symbol glifu Unicode reprezentujący „Szukaj” [zamknięty]

191

Unicode ma milion glifów przypominających ikony, ale ich wyszukiwanie jest bardzo trudne.

Czy istnieje glif Unicode, który wygląda jak „lornetka” lub „szkło powiększające”? A może jest jakiś symbol, który oznacza „Szukaj”, który jest w Unicode?

unicode symbols html-entities Prasad Jadhav
źródło
możliwy duplikat Jakiego znaku Unicode używasz na swojej stronie? (zamiast ikon graficznych)
Kzqai
4
Możesz użyć sekwencji glifów: U + 0053, U + 0065, U + 0061, U + 0072, U + 0063, U + 0068 8-)}
Keith Thompson
1
Jeśli to drugie pytanie zostało zamknięte, to też powinno.
Ciro Santilli 31 冠状 病 六四 事件 法轮功
Nie jestem pewien, czy svg zrobi to za Ciebie, ale tego właśnie użyłem, możesz zmienić kolor z atrybutu obrysu. <svg style = "height: 1em;" viewBox = "0 0 12 13"> <g stroke-width = "2" stroke = "# 999999" fill = "none"> <ścieżka d = "M11.29 11.71l-4-4" /> <okrąg cx = "5" cy = "5" r = "4" /> </g> </svg>
kurczaki

Odpowiedzi:

204

Istnieje SZKŁO POWIĘKSZAJĄCE U + 1F50D SZKŁO POWIĘKSZAJĄCE (🔍) i SZKŁO POWIĘKSZAJĄCE U + 1F50D SZKŁO POWIĘKSZAJĄCE (🔎).

Powinieneś użyć (w HTML) &#x1F50D;lub&#x1F50E;

Nie są one jednak obsługiwane przez wiele czcionek (fileformat.info wymienia tylko kilka czcionek jako obsługujących Codepoint z odpowiednim glifem).

Zauważ też, że są poza BMP , więc niektóre programy obsługujące Unicode mogą mieć problemy z renderowaniem ich, nawet jeśli mają czcionki, które je obsługują.

Zasadniczo glify Unicode można przeszukiwać za pomocą strony takiej jak fileformat.info . Wyszukuje „tylko” w nazwach i właściwościach glifów Unicode, ale zwykle zawierają one wystarczającą liczbę metadanych, aby umożliwić dobre wyniki wyszukiwania (dla tej odpowiedzi szukałem „szkła” i przeglądałem wynikową listę, na przykład)

Joachim Sauer
źródło
7
@Prasad Jadhav, problem obsługi Unicode jest obecnie głównie problemem z czcionkami i to naprawdę inne pytanie. W przypadku tak rzadkich znaków (czcionek) osadzona czcionka ( @font face) jest prawdopodobnie jedyną opcją i nieco problematyczna (ponieważ Symbola jest tak dużą czcionką). Znaki pojawiają się również w Quivira (wersja 3.7) i Segoe UI Symbol (wersja 5.01), ale wciąż jest to bardzo ograniczony zestaw czcionek. Quivira to darmowa czcionka, Segoe UI Symbol jest dostarczany z Windows 7 i umożliwia edytowanie osadzania.
Jukka K. Korpela,
21
Mogę polecić "Magnetofon Telephone" U + 2315: ⌕? Jest całkowicie niezwiązany, ale przypomina szkło powiększające i wydaje się być zawarty w standardowych czcionkach, w których U + 1F50D i U + 1F50E nie.
zopieux
1
Arial (w systemie Windows) obsługuje również „lewą lupę wskazującą”
Spinal
1
Dla ciekawskich renderuje się w kolorze na Chromebookach: i.imgur.com/86b0a2o.png
LB--
5
Jeśli nie chcesz zabarwienie, należy użyć selektora zmienności unicode 15 po nim i będzie zamiast tego pojawiają się jako 🔎︎
PFG
123

Użyj symbolu ⚲ (zakodowanego jako &#9906;lub &#x26B2;) i obracaj go, aby uzyskać pożądany efekt:

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

Obraca symbol :)

Ricky
źródło
1
Chodzi o to, aby mieć glif oparty na tekście, a ten symbol jest o wiele lepszy niż jednorożec. +1.
Niloct
1
@Niloct To odpowiedź HTML. Nie widzę, aby pytanie dotyczyło html. W Xaml zrobiłbyś coś takiego <Grid.RenderTransform><CompositeTransform Rotation="-45" /></Grid.RenderTransform>. Czy przyjmujemy programowanie jako coś oczywistego, kiedy zadajemy pytanie w trybie Unicode?
John
3
W systemie Linux (Ubuntu) wygląda bardzo dobrze, ale kiedy korzystam z systemu Windows, widzę tylko kwadrat.
Eliasz Kubala
6
Oznacza to nijakie w znaczeniu „ani mężczyzna, ani kobieta”. Jeśli zamierzasz użyć znaku tylko dla jego glifu, lepiej byłoby umieścić go czcionką przypisaną gdzieś w obszarze prywatnego użytku lub użyć PNG, zamiast mówić „ani mężczyzna, ani kobieta”, a następnie zastosować styl, aby wyglądał jak 🔍lub 🔎.
Jon Hanna
1
To działało dla mnie naprawdę dobrze. Zrobiłem <span class='icn icn-find'></span>wtedy css był .icn-find:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); display: block; content: "\26B2"; }. Działa świetnie!
teewuane
61

Poleciłbym użyć http://shapecatcher.com/, aby pomóc w wyszukiwaniu znaków Unicode. Pozwala narysować pożądany kształt, a następnie wyświetla listę najbliższych dopasowań do tego kształtu.

John Holt Ripley
źródło
10
to niesamowite narzędzie. to przede wszystkim znalezienie P i O Wtedy spróbuj wyszukać lupą ale nadal ... bardzo słodki narzędzie
redbmk
8
Znalazłem szkło powiększające. Spróbuj narysować lepiej: p
vsync
1
Znalazłem tu kilka fajnych zdjęć i postaci: charbase.com/block/miscellaneous-symbols-and-pictographs
Sebastian
bardzo fajne narzędzie, ale nie znajduje ikony szkła powiększającego / wyszukiwania, nie ma listy postaci i niestety nie jest aktualizowana od 2012 r.
Mousey
30

Wyświetlane poprawnie w systemie operacyjnym Chrome - zrzuty ekranu z tego systemu.

tybetański znak zodiaku sgra gcan -char rtags U + 0F17 ༗ U + 0F17

rejestrator telefoniczny (U + 2315) ⌕ U + 2315

list lepcha gla (U + 1C04) ᰄ U + 1C04

Witalij Zdanevich
źródło
opublikować kod znaku? nie wyświetla się
Mousey,
1
@Mousey dodał kody i zrzuty ekranu
Witalij Zdanevich,
14
OMG, najpierw zastanawiałem się, dlaczego umieściłeś tam przekreślony tyłek, aby znaleźć rozwiązanie ...
Thomas Weller,
To najlepsza odpowiedź. Szkło powiększające wygląda niesamowicie. W 2018 r. Wszystkie postacie unicode są pomieszane przez przekształcenie się w emotikony. Użyłem go w ten sposób do formularza wyszukiwania:#searchform:after { content: "\002315"; margin-left: -24px; }
Ciprian
1
Dziękuję Ci. U + 2315 pracował w widoku znaczników opartym na XML JSF (RichFaces) w następujący sposób: <a4j: commandButton wartość = "# {someBooleanExpr? '& # X25bc;' : '& # x2315;'} "/>
Lisa,
6

Możesz po prostu dodać ten CSS do nagłówka

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

następnie dodaj ten kod w miejscu, w którym chcesz wyświetlić symbol glifu. 

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

Baw się dobrze.

Eliasz Kubala
źródło
1
Dodanie kolejnych plików CSS do nagłówka spowalnia ładowanie strony. Pliki CSS blokują renderowanie.
tinkerr
Możesz dodać tylko ważną część tego pliku, jeśli zależy Ci na renderowaniu.
Eliasz Kubala
2
Głosowanie w dół, używanie czcionek css jest w rzeczywistości bardzo rozsądne, szczególnie gdy potrzebujesz coraz więcej ikon.
rr
Doszedłem do tej strony, szukając „ikony”, która mogłaby zostać umieszczona w symbolach zastępczych (wewnątrz an <input>), dlatego jest to tylko rozwiązanie dla przypadków, w których można używać HTML.
Armfoot
Upvote dla FontAwesome. Mnóstwo darmowych glifów dla sieci. Bardzo przydatne.
PRMan