uso usar quiere que para iconos emplea ejemplo decir codigo atributo html unicode user-interface

html - usar - ¿Qué personaje Unicode usas en tu sitio web?(en lugar de iconos de imagen)



usar atributo alt en html (12)

Estoy buscando un personaje que podría reemplazar el ícono de la imagen, por ejemplo, como ✘ (xmark) y ✔ (marca), tal vez algún símbolo para "borrador" o "mensaje nuevo".

EDITAR:

Fav: ❤

Borrador: ✍

Mensaje: ✉

← ↑ → ↓ ↔ ↗ ↙ ↙

Sólo para nombrar unos pocos...

Es posible que algunos símbolos no sean compatibles con la fuente seleccionada en la página del navegador. Incluso si lo son, muchos se ven muy mal en tamaños pequeños. Será mejor que uses una imagen si puedes.

He usado el ícono de la lupa como el cuerpo de un ancla para vincularlo a una página interactiva para algunos análisis de datos que permitieron al usuario emparejar selecciones de datos arbitrarias muy parecidas a este example .

<a href="{{ url_for( ''interactiveParamExplorePage'' ) }}" title="Explore merge column pairs.">&#x1F50E;</a>

Siendo un enlace, la apariencia del subrayado por defecto oscureció un tanto el glifo de Unicode, pero ese efecto fue insignificante para nuestra herramienta interna, pero podría no ser óptimo para algo que sea público.

He usado las flechas de bloque: U + 25b2 ▲, U + 25ba ►, U + 25bc ▼, U + 25c4 ◄

Me sorprende que nadie haya publicado emojis Unicode todavía:

Rango U + 1F600 - U + 1F64F

Solo algunos de la lista:

😁: U+1F601: GRINNING FACE WITH SMILING EYES &#128513
😂: U+1F602: FACE WITH TEARS OF JOY &#128514
😃: U+1F603: SMILING FACE WITH OPEN MOUTH &#128515
😄: U+1F604: SMILING FACE WITH OPEN MOUTH AND SMILING EYES &#128516
😅: U+1F605: SMILING FACE WITH OPEN MOUTH AND COLD SWEAT &#128517
😆: U+1F606: SMILING FACE WITH OPEN MOUTH AND TIGHTLY-CLOSED EYES &#128518
😷: U+1F637: FACE WITH MEDICAL MASK &#128567

También eche un vistazo a esta lista de iconos geniales de la lista suplementaria

☣: U+2623: BIOHAZARD SIGN &#9763
☢: U+2622: RADIOACTIVE SIGN &#9762

Mira http://unicode.org/charts#symbols para algunas ideas. No estoy seguro de qué funcionaría para "borrador" o "mensaje nuevo", pero hay mucho para elegir allí.

Para encontrar símbolos útiles, tengo dos recursos geniales:

http://shapecatcher.com

Le permite dibujar una forma, que luego busca símbolos unicode de forma similar.

http://unicodinator.com/

Es un sitio de listado Unicode que tiene Unicode categorizado por bloque de caracteres (utilizando una fuente Unicode incrustada para maximizar la compatibilidad para mostrar), funcionalidad de búsqueda y una funcionalidad "mostrar un bloque determinado" que le permite revisar bloques de símbolos.

Ambas son bastante útiles, aunque a menudo termino utilizando el formador de formas en estos días solo porque es un descanso divertido solo para poder dibujar la forma que desea y hacer que el sitio lo despliegue por usted. Al menos, a veces lo pondrá de pie.

Misc. Bloques de símbolos

http://shapecatcher.com/unicode/block/Miscellaneous_Symbols_And_Pictographs es también una gran categoría de símbolos Unicode, aunque como con todos los Unicode, es posible que tengas que probar la compatibilidad.

http://unicodinator.com/#Block-Miscellaneous_Symbols es el bloque de unicodinator de los símbolos misceláneos, para comparar.

  • ⌚ U + 0231A RELOJ
  • ⌛ U + 0231B HORNO DE VIDRIO
  • ♟ U + 265F SOLDADO DE AJEDREZ SÓLIDO
  • ⚷ U + 26B7 CHIRON
  • ★ U + 2605 SOLID STAR
  • ✓ U + 2713 MARCA DE VERIFICACIÓN
  • ☑ U + 2611 CHECKBOX CUADRADO
  • ✕ U + 2715 MULTIPLICACIÓN X
  • ☒ U + 2612 SQUARE X-ED BOX
  • ⚠ U + 26A0 SEÑAL DE ADVERTENCIA

También son buenos símbolos para agregar a la lista.

Twitter Bootstrap usa × ( &times; ) para botones cercanos.