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

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) 🔍lub🔎

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 ⚲lub ⚲) 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.

༗ U + 0F17

⌕ U + 2315

ᰄ 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