- Desde
- 12 Abr 2021
- Mensajes
- 145
Muy buenas, betas!
Vengo para conocer, entre frontends, cual consideráis la mejor manera para servir iconos en SVG. Obviamente me refiero a assets propios, no a frameworks ni librerías como Font Awesome.
Mi interés viene por el hecho de que yo, desde hace años, cogí la costumbre de usar elementos <i> con clase .icon para servir iconos. Al cualquier i.icon les paso estilos básicos como un formato y tamaño de background estándar, y luego a clases como .whatsapp les paso un background-image con el asset de whatsapp. Esto con SASS usando listas y foreach es super útil y práctico. Pero también he visto que a veces algunos iconos no se veían (al recargar sí), y por otro lado, semánticamente es incorrecto usar <i> para este tipo de cosas.
¿Vosotros cómo servis los iconos? ¿Es mejor usar imagenes frontales (<img>), backgrounds, o crear una librería propia con font-family? Os leo.
Vengo para conocer, entre frontends, cual consideráis la mejor manera para servir iconos en SVG. Obviamente me refiero a assets propios, no a frameworks ni librerías como Font Awesome.
Mi interés viene por el hecho de que yo, desde hace años, cogí la costumbre de usar elementos <i> con clase .icon para servir iconos. Al cualquier i.icon les paso estilos básicos como un formato y tamaño de background estándar, y luego a clases como .whatsapp les paso un background-image con el asset de whatsapp. Esto con SASS usando listas y foreach es super útil y práctico. Pero también he visto que a veces algunos iconos no se veían (al recargar sí), y por otro lado, semánticamente es incorrecto usar <i> para este tipo de cosas.
¿Vosotros cómo servis los iconos? ¿Es mejor usar imagenes frontales (<img>), backgrounds, o crear una librería propia con font-family? Os leo.