¡Después de cinco versiones alfa en los últimos nueve meses, Bootstrap lanza la versión estable de sus iconos. Más de 1.100 íconos y en camino de agregar cientos de iconos más en próximos lanzamientos.
Bootstrap agrega 1.100 iconos propios
La librería de iconos de Bootstrap, ha logrado ir creciendo a lo largo de sus múltiples lanzamientos Alfa.
En su primera versión se incluían poco más de 200 íconos, y han logrado llegar a los 1.120 iconos en la primera versión estable. Además, de estar ya, trabajando en incluir más iconos en futuras versiones.
Libertad de uso
Si has estado al día de los cambios realizados por parte del equipo de Bootstrap, ya sabrás que los íconos de Bootstrap están basados en SVG.
Eso es lo que hace que sean más fáciles de importar, personalizar y ampliar. Si bien la librería de iconos va a formar parte de la familia de Don B, se podrán utilizar en cualquier lugar.
Gracias a que los iconos estarán publicados bajo una licencia MIT.
Úsalos como SVG incrustados, como activos externos mediante etiquetas <img>, como sprite SVG o incluso incrustados dentro de tu CSS.
Cómo instalar los iconos de Bootstrap
Puedes comenzar a utilizar los iconos de Bootstrap con una sencilla instalación a través de un paquete npm npm i bootstrap-icons.
Ademas puedes descargar la versión directamente desde GitHub o descargar los ficheros SVG, incluso si eres usuario de Figma. Puedes utilizar la versión de iconos de Bootstrap para Figma.
El futuor de los iconos de Bootstrap
El equipo de Bootstrap, ya tiene hasta 200 iconos dibujados y con planes de futuro para ir diseñando aún más en el futuro más cercano.
Por tanto, no debes descartar que exista algún gran cambio en la fuente, proximámente.
No se olviden de seguir a Ciberninjas (tu blog preferido de programación en español) a través de las redes sociales para estarse informados de futuros cambios. ?
Relacionado
Nuevos cambios en los Iconos de Bootstrap: Versión 1.1
Un nuevo lanzamiento menor de los Iconos de Bootstrap, ahora vienen con más de 30 nuevos iconos y algunas correcciones. Los nuevos íconos incluyen variaciones de relleno para íconos ya existentes, y además, se incluyen algunos emojis nuevos y varios íconos de nuevos formatos de archivos. 30 Nuevos iconos Aquí hay un vistazo a nuestros íconos de archivos y emoji a partir de la v1.1.0. Las ¡SEGUIR LEYENDO!
Bootstrap 5 Iconos: Nueva versión Alpha
La nueva versión de los iconos de Bootstrap 5 agregará casi 300 iconos nuevos, haciendo que el número final resultante de iconos incluidos en la librería sobrepase los 1.000 iconos. Se añadirán nuevos iconos de calendario para utilizar a la hora de agregar eventos y rangos de fechas, también un amplio conjunto de nuevos íconos de teléfonos y de nuevos dispositivos e íconos dedicados a representar ¡SEGUIR LEYENDO!
Colección de Recursos para el Framework Foundation (+210 recursos)
Foundation es el framework front-end receptivo más avanzado del mundo. Pase rápidamente del prototipo a la producción, construya sitios o aplicaciones que funcionen en cualquier tipo de dispositivo con Foundation. Foundation incluye una cuadrícula receptiva y totalmente personalizable, una gran biblioteca de mixins de Sass, complementos de JavaScript de uso común y soporte completo de accesibilidad. ? SITIO OFICIAL DE FOUNDATION Gran cantidad de recursos para ¡SEGUIR LEYENDO!
Estudio sobre los Favicons de Internet
En este estudio vas a encontrar un curioso análisis sobre las mejores prácticas para el uso de los favicon, la importancia de la velocidad, el tamaño y su resolución. Además, también se trata sobre el uso de los ficheros en formato ICO, los diferentes formatos de imagen utilizados, el código HTML de los iconos o el color predominante. ? ESTUDIO REALIZADO SOBRE +425.000 ICONOS ?️ MAPA ¡SEGUIR LEYENDO!
IconDuck: Más de 110.000 iconos e ilustraciones de código abierto gratuitas
Iconduck es un proyecto para hacer que los iconos e ilustraciones de código abierto sean más accesibles: Recopilándolos, etiquetándolos y haciéndolos más accesibles. ? VISITA ICONDUCK Relacionados Recursos de diseño web Repositorios de imágenes y fotografías gratis Interfacer: Más de 200 recursos de diseño web Iconos de Bootstrap Recursos del Framework Bootstrap Recursos del Framework Foundation Recursos del Framework Tailwind
Interfacer: Más de 200 recursos gratis para el diseño web, aquí las tipografías
Interfacer es una colección de íconos, ilustraciones y *kits* de interfaz de usuarios gratuitos de alta calidad creados por las personas más talentosas y asombrosas de Internet. Puedes utilizar todos los recursos incluso dentro de tus proyectos comerciales. En esta entrada puedes encontrar los enlaces a las fuentes tipográficas.