¿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?

unicode symbols html-entities

— Prasad Jadhav
fuente

posible duplicado de ¿Qué carácter Unicode utiliza en su sitio web? (en lugar de iconos de imagen)

— Kzqai

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

204

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

Debe usar (en HTML) 🔍o🔎

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

༗ U + 0F17

⌕ U + 2315

ᰄ 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