Acabamos de lanzar Heroicons v2.1 que incluye un nuevo estilo micro — un conjunto completo de casi trescientos iconos de 16×16 diseñados para interfaces de usuario más ajustadas y de mayor densidad.
Hemos querido hacer un conjunto de este tamaño durante mucho tiempo, pero no fue hasta que empezamos a trabajar en un nuevo proyecto de kit de UI de React a principios de este año que finalmente los necesitamos tanto como para decidirnos a diseñarlos.
En Catalyst (nuestro nuevo kit de UI), hemos intentado hilar muy fino en términos de dar a las cosas suficiente espacio para respirar pero también mantenerlas lo suficientemente densas como para que las aplicaciones que construyas con él realmente se sientan productivas de usar.
Estamos usando mucho texto de 14px que se ve genial en la UI, pero cuando intentamos incorporar nuestros iconos existentes de 20×20, se sentían un poquito demasiado grandes y desequilibrados.
La mayoría de la gente probablemente simplemente habría escalado los iconos y seguido adelante, pero nosotros no somos la mayoría de la gente, para bien o para mal.
Los iconos siempre resultan mucho más nítidos cuando los diseñas para el tamaño exacto en que se van a usar, así que comenzamos el proceso de redibujar cada icono desde cero, recortando cuidadosamente la cantidad de detalle icono por icono para asegurarnos de que se rendericen bien y nítidos en su tamaño previsto.
Aproximadamente un mes después teníamos un conjunto completamente nuevo de iconos, meticulosamente elaborados para interfaces de mayor densidad como en las que hemos estado trabajando con Catalyst.
Puedes ver todos los nuevos iconos en el sitio web de Heroicons, empezar a diseñar con ellos usando nuestra librería oficial de Heroicons para Figma, y agregarlos a tus proyectos con nuestras librerías para React y Vue.