¿Hay un símbolo de glifo Unicode para representar "Buscar" [cerrado]

191

Unicode tiene un millón de glifos parecidos a íconos, pero son muy difíciles de buscar.

¿Hay un glifo Unicode que se parece a un "Binocular" o "lupa"? ¿O hay un símbolo que se utiliza para significar "Buscar", que está en Unicode?

Prasad Jadhav
fuente
44
Podría usar una secuencia de glifos: U + 0053, U + 0065, U + 0061, U + 0072, U + 0063, U + 0068 8-)}
Keith Thompson
1
Si esta otra pregunta se cerró, también debería hacerlo esta.
Ciro Santilli 郝海东 冠状 病 六四 事件 法轮功
No estoy seguro de si svg lo hace por usted, pero esto es lo que usé, puede cambiar el color del atributo de trazo. <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>
pollos el

Respuestas:

204

Hay U + 1F50D VIDRIO MAGNIFICADOR DE PUNTO IZQUIERDO (🔍) y U + 1F50E VIDRIO MAGNIFICADOR DE PUNTO DERECHO (🔎).

Debe usar (en HTML) &#x1F50D;o&#x1F50E;

Sin embargo, no son compatibles con muchas fuentes (fileformat.info solo enumera algunas fuentes como compatibles con Codepoint con un glifo adecuado).

También tenga en cuenta que están fuera del BMP , por lo que algunos software con capacidad Unicode pueden tener problemas para procesarlos, incluso si tienen fuentes que los admitan.

En general, los glifos Unicode se pueden buscar utilizando un sitio como fileformat.info . Esto busca "solo" en los nombres y propiedades de los glifos Unicode, pero generalmente contienen suficientes metadatos para permitir buenos resultados de búsqueda (para esta respuesta busqué "vidrio" y hojeé la lista resultante, por ejemplo)

Joachim Sauer
fuente
77
@Prasad Jadhav, el problema de soporte Unicode es principalmente un problema de fuente hoy en día, y es realmente una pregunta diferente. Para caracteres tan raros (en fuentes) como estos, una fuente incrustada ( @font face) es probablemente la única opción, y algo problemática (ya que Symbola es una fuente tan grande). Los caracteres también aparecen en Quivira (versión 3.7) y Segoe UI Symbol (versión 5.01), pero sigue siendo un conjunto muy limitado de fuentes. Quivira es una fuente gratuita, Segoe UI Symbol se envía con Windows 7 y permite la incrustación editable.
Jukka K. Korpela
21
¿Puedo recomendar "Grabador de teléfono" U + 2315 :? No tiene ninguna relación, pero de alguna manera se parece a una lupa y parece estar incluida en las fuentes estándar, donde U + 1F50D y U + 1F50E no.
zopieux
1
Arial (en Windows) también es compatible con el "cristal de aumento apunta a la izquierda"
Espinal
1
Para aquellos curiosos, se presenta en color en Chromebooks: i.imgur.com/86b0a2o.png
LB--
55
Si no desea la coloración, use el selector de variación Unicode 15 después y aparecerá en su lugar como 🔎︎
pfg
123

Use el símbolo ⚲ (codificado como &#9906;o &#x26B2;) y gírelo para lograr el efecto deseado:

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

Gira un símbolo :)

Ricky
fuente
1
Bueno, el punto es tener un glifo basado en texto, y el símbolo se ve mucho mejor que el Unicode. +1.
Niloct
1
@Niloct Es una respuesta html. No puedo ver que la pregunta sea específica de html. En xaml harías algo así <Grid.RenderTransform><CompositeTransform Rotation="-45" /></Grid.RenderTransform>. ¿Estamos dando por sentado la programación web ahora cuando hacemos una pregunta Unicode?
John
3
En Linux (Ubuntu) se ve muy bien, pero cuando uso Windows solo puedo ver un cuadrado.
Eliasz Kubala
66
Eso significa neutro en el sentido de "ni hombre ni mujer". Si va a usar un personaje solo por su glifo, entonces sería mejor colocarlo en una fuente asignada en algún lugar del Área de uso privado, o usar un PNG, en lugar de decir "ni hombre ni mujer" y luego aplicar un estilo para que parezca 🔍o 🔎.
Jon Hanna
1
Esto funcionó muy bien para mí. Hice un <span class='icn icn-find'></span>entonces el CSS fue .icn-find:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); display: block; content: "\26B2"; }. ¡Funciona genial!
teewuane
61

Recomiendo usar http://shapecatcher.com/ para ayudar a buscar caracteres Unicode. Le permite dibujar la forma que está buscando y luego enumera las coincidencias más cercanas a esa forma.

John Holt Ripley
fuente
10
Esa es una herramienta increíble. es en su mayoría la búsqueda de Q los o cuando intente buscar una lupa pero aún así ... herramienta muy dulce
redbmk
8
He encontrado lupa. Intenta dibujar mejor: p
vsync
1
Encontré algunas fotos y personajes agradables aquí: charbase.com/block/miscellaneous-symbols-and-pictographs
Sebastian
muy buena herramienta pero no encuentra una lupa / ícono de búsqueda, no hay una lista de personajes y lamentablemente no se actualiza desde 2012
Mousey
30

Se muestra correctamente en Chrome OS: capturas de pantalla de este sistema.

signo astrológico tibetano sgra gcan -char rtags U + 0F17U + 0F17

grabadora telefónica (U + 2315)U + 2315

lepcha letra gla (U + 1C04)U + 1C04

Vitaly Zdanevich
fuente
publicar el código del personaje? no se muestra
Mousey
1
@Mousey agregó códigos y capturas de pantalla
Vitaly Zdanevich
14
Dios mío, primero me preguntaba por qué pusiste un culo tachado para encontrar una solución ...
Thomas Weller
Esta es la mejor respuesta. La lupa se ve increíble. En 2018, todos los personajes Unicode se confunden al convertirse en emojis. Lo he usado así para un formulario de búsqueda:#searchform:after { content: "\002315"; margin-left: -24px; }
Ciprian
1
Gracias. U + 2315 trabajó en una vista de marcado basada en XML JSF (RichFaces) de la siguiente manera: <a4j: commandButton value = "# {someBooleanExpr? '& # X25bc;' : '& # x2315;'} "/>
Lisa
6

Simplemente puede agregar este CSS a su encabezado

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

a continuación, agregue este código en el lugar donde desea mostrar un símbolo de glifo.

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

Que te diviertas.

Eliasz Kubala
fuente
1
Agregar más archivos CSS al encabezado ralentiza la carga de la página. Los archivos CSS bloquean el renderizado.
tinkerr
Puede agregar solo una parte importante de este archivo si le importa el renderizado.
Eliasz Kubala
2
Contravoto, el uso de fuentes CSS es realmente muy razonable, especialmente cuando se necesita más y más iconos.
rr-
Llegué a esta página buscando un "icono" que pudiera colocarse en marcadores de posición (dentro de un <input>), por lo tanto, esta es solo una solución para los casos en los que puede usar HTML.
Armfoot
Votación a favor de FontAwesome. Toneladas de glifos gratis para la web. Muy útil.
PRMan