Esiste un simbolo glifo Unicode per rappresentare "Cerca" [chiuso]

191

Unicode ha un milione di glifi simili a icone, ma sono molto difficili da cercare.

Esiste un glifo Unicode che assomiglia a un "binocolo" o "lente d'ingrandimento"? O c'è un simbolo che significa "Ricerca", che si trova in Unicode?

unicode symbols html-entities

— Prasad Jadhav
fonte

possibile duplicato di quale personaggio Unicode usi nel tuo sito web? (invece delle icone delle immagini)

— Kzqai,

4

È possibile utilizzare una sequenza di glifi: U + 0053, U + 0065, U + 0061, U + 0072, U + 0063, U + 0068 8-)}

— Keith Thompson,

1

Se quest'altra domanda fosse chiusa, anche questa dovrebbe essere.

— Ciro Santilli 31 冠状病六四事件法轮功

Non sono sicuro che svg lo faccia per te ma questo è quello che ho usato, puoi cambiare il colore dall'attributo tratto. <svg style = "height: 1em;" viewBox = "0 0 12 13"> <g stroke-width = "2" stroke = "# 999999" fill = "none"> <path d = "M11.29 11.71l-4-4" /> <circle cx = "5" cy = "5" r = "4" /> </g> </svg>

— polli

204

Esiste U + 1F50D LENTE D'INGRANDIMENTO PUNTO SINISTRO (🔍) e U + 1F50E LENTE D'INGRANDIMENTO PUNTATORE DESTRO (🔎).

Dovresti usare (in HTML) 🔍o🔎

Tuttavia, non sono supportati da molti caratteri (fileformat.info elenca solo alcuni caratteri come supporto del Codepoint con un glifo appropriato).

Si noti inoltre che si trovano al di fuori del BMP , quindi alcuni software compatibili con Unicode potrebbero avere problemi a renderli, anche se dispongono di caratteri che li supportano.

Generalmente glifi Unicode possono essere cercati usando un sito come fileformat.info . Questo cerca "solo" nei nomi e nelle proprietà dei glifi Unicode, ma di solito contengono metadati sufficienti per consentire buoni risultati di ricerca (per questa risposta ho cercato "vetro" e ho sfogliato l'elenco risultante, per esempio)

— Joachim Sauer
fonte

7

@Prasad Jadhav, il problema del supporto Unicode al giorno d'oggi è principalmente un problema di carattere, ed è davvero una domanda diversa. Per caratteri così rari (nei caratteri) come questi, un carattere incorporato ( @font face) è probabilmente l'unica opzione e alquanto problematico (poiché Symbola è un carattere così grande). I personaggi compaiono anche in Quivira (versione 3.7) e Segoe UI Symbol (versione 5.01), ma questo è ancora un set molto limitato di caratteri. Quivira è un font gratuito, il simbolo dell'interfaccia utente di Segoe viene fornito con Windows 7 e consente l'incorporamento modificabile.

— Jukka K. Korpela,

21

Posso consiglia "registratore del telefono" U + 2315: ⌕? È totalmente indipendente, ma ricorda in qualche modo una lente d'ingrandimento e sembra essere incluso nei caratteri standard, dove U + 1F50D e U + 1F50E no.

— Zopieux,

1

Arial (su Windows) supporta anche la "lente d'ingrandimento rivolta a sinistra"

— Spinal

1

Per i curiosi, viene visualizzato a colori sui Chromebook: i.imgur.com/86b0a2o.png

— LB--

5

Se non si desidera la colorazione, utilizzare il selettore di variazione unicode 15 dopo di esso e apparirà invece come 🔎︎

— pfg

124

Usa il simbolo ⚲ (codificato come ⚲o ⚲) e ruotalo per ottenere l'effetto desiderato:

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

Ruota un simbolo :)

— Ricky
fonte

1

Bene, il punto è avere un glifo basato sul testo, e il simbolo è molto più bello di quello Unicode. +1.

— Niloct,

1

@Niloct È una risposta html. Non riesco a vedere la domanda essere specifica per HTML. In xaml faresti qualcosa del genere <Grid.RenderTransform><CompositeTransform Rotation="-45" /></Grid.RenderTransform>. Stiamo dando la programmazione web per scontata ora quando facciamo una domanda unicode?

— John

3

Su Linux (Ubuntu) sembra molto buono ma quando uso Windows posso vedere solo un quadrato.

— Eliasz Kubala,

6

Ciò significa neutro nel senso "né maschio né femmina". Se hai intenzione di usare un personaggio solo per il suo glifo, ti conviene metterlo in un font assegnato da qualche parte nell'area di uso privato, o usando un PNG, piuttosto che dire "né maschio né femmina" e poi applicare uno stile per farlo sembrare 🔍o 🔎.

— Jon Hanna,

1

Questo ha funzionato davvero bene per me. Ho fatto un <span class='icn icn-find'></span>allora il CSS era

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

. Funziona alla grande!

— teewuane,

61

Consiglierei di usare http://shapecatcher.com/ per aiutare a cercare caratteri unicode. Ti consente di disegnare la forma che stai cercando, quindi elenca le corrispondenze più vicine a quella forma.

— John Holt Ripley
fonte

10

è uno strumento fantastico. trova principalmente Q e O quando provo a cercare una lente d'ingrandimento, ma comunque ... uno strumento piuttosto dolce

— redbmk

8

Ho trovato la lente d'ingrandimento. Prova a disegnare meglio: p

— vsync

1

Ho trovato delle belle immagini e personaggi qui: charbase.com/block/miscellaneous-symbols-and-pictographs

— Sebastian

strumento molto bello ma non trova una lente di ingrandimento / icona di ricerca, nessun elenco di personaggi e purtroppo non aggiornato dal 2012

— Mousey

30

Visualizzati correttamente su Chrome OS: schermate da questo sistema.

༗ U + 0F17

⌕ U + 2315

ᰄ U + 1C04

— Vitaly Zdanevich
fonte

pubblicare il codice carattere? non viene visualizzato

— Mouse

1

@Mousey ha aggiunto codici e schermate

— Vitaly Zdanevich il

14

OMG, per prima cosa mi chiedevo perché hai messo lì un culo barrato per una soluzione ...

— Thomas Weller,

Questa è la risposta migliore La lente d'ingrandimento sembra fantastica. Nel 2018, tutti i personaggi unicode vengono incasinati diventando emoji. L'ho usato in questo modo per un modulo di ricerca:#searchform:after { content: "\002315"; margin-left: -24px; }

— Ciprian

1

Grazie. U + 2315 ha funzionato in una vista markup basata su xml JSF (RichFaces) come segue: <a4j: commandButton value = "# {someBooleanExpr? '& # X25bc;' : '& # x2315;'} "/>

— Lisa,

6

Puoi semplicemente aggiungere questo CSS alla tua intestazione

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

aggiungere quindi questo codice nel punto in cui si desidera visualizzare un simbolo glifo.

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

Divertiti.

— Eliasz Kubala
fonte

1

L'aggiunta di più file CSS all'intestazione rallenta il caricamento della pagina. I file CSS stanno bloccando il rendering.

— tinkerr,

Puoi aggiungere solo una parte importante di questo file se ti interessa il rendering.

— Eliasz Kubala,

2

Il contro-downvoting, l'uso dei font CSS è in realtà molto ragionevole, specialmente quando ti trovi ad aver bisogno di sempre più icone.

— r-

Sono arrivato a questa pagina alla ricerca di una "icona" che potrebbe essere collocata nei segnaposto (all'interno di un <input>), quindi questa è solo una soluzione per i casi in cui è possibile utilizzare HTML.

— Armfoot,

Upgrade per FontAwesome. Tonnellate di glifi gratuiti per il web. Molto utile.

— PRMan,