Agregue genialidad instantánea a sus interfaces con este conjunto de íconos increíblemente grande

Cuando necesitas agregar íconos a tu interfaz, todo el proceso puede ser realmente una mierda. “¿Debería utilizar todos estos íconos de arranque predeterminados? ¿Quizás utilizas los mismos íconos de Google Material por enésima vez?

Algunas cosas importantes, aunque a menudo pasadas por alto, a considerar al elegir un conjunto de íconos incluyen el tamaño de los íconos, el estilo, la consistencia y la cantidad. Es frustrante encontrar íconos que solo cubren la mitad de los casos de uso que necesita.

Nosotros también sentimos constantemente esta frustración y sugerimos hacer algo al respecto. En última instancia, esto llevó a la creación del conjunto de iconos Streamline.

Ahora en la versión 3.0, Streamline contiene la friolera de 30.000 iconos en tres pesos distintos, similar a una familia de fuentes. Hay toneladas de opciones para elegir el ícono perfecto para cualquier interfaz con la que esté trabajando, ya sea una gran aplicación web, documentación o un sitio de marketing.

“Tengo varios conjuntos de iconos, pero al que vuelvo una y otra vez es al abundante paquete Streamline, que casi siempre parece tener justo el pictograma que necesito cuando busco en su catálogo”.

—Khoi Vinh, Adobe

Fácil de usar

Streamline también se ha organizado meticulosamente en categorías de fácil navegación. Puede ver todas las categorías en nuestro práctico visor de íconos basado en la web.

Si es usuario de IconJar, también puede buscar íconos por nombre y arrastrarlos y soltarlos en la carpeta de su proyecto. Actualmente también estamos desarrollando esta funcionalidad para nuestro visor web.

Cada paquete Streamline Icon viene con los tipos de archivos: .svg, .iconjar, .sketch, .fig, .ai, .pdf, .png..xd

Así que ahora no importa cómo te guste trabajar con los íconos, tienes los tipos de archivos que necesitas.

“Streamline 3.0 es uno de los paquetes de íconos más versátiles y detallados que he usado. La estructura y la jerarquía hacen que sea muy fácil trabajar con él. Es un producto increíble. Bravo, Vicente”.

—Stephanie Walter, diseñadora de UX y UI

SVG optimizado

Las versiones SVG de Streamline ya están listas para desarrollar con viewboxlas etiquetas adecuadas implementadas y currentColorconfiguradas como propiedades de color para todos los trazos y rellenos. Puede ingresar Streamline usando su técnica SVG favorita y comenzar a cambiar el color de los íconos con CSS desde el principio.

Pesos

Cada peso (ligero, regular y audaz) fue diseñado con un estilo muy consistente para brindarle mucha coherencia dentro de su interfaz.

Luz

El estilo Streamline clásico con pequeños detalles aquí y allá. Diseñado con trazo de 1px en una cuadrícula de 24px. Los íconos de Luz son excelentes para interfaces que necesitan mucha personalidad divertida. También funcionan bien a escala de hasta 48 px como ilustraciones pequeñas.

Regular

Un nuevo estilo minimalista y geométrico. Diseñado con un trazo de 1,5 px en una cuadrícula de 24 px. Son perfectos para usar en interfaces web limpias y modernas.

Atrevido

Un nuevo estilo sólido similar a las últimas pautas de iOS. Diseñado con rellenos y un trazo de 2px en una cuadrícula de 24px. El estilo atrevido le da un poco más de fuerza a una interfaz estilo iOS.

Ponga Streamline a trabajar para usted

Hay dos tipos de paquetes diferentes disponibles: Essential y Ultimate .

Essential contiene 14 categorías, todas las relacionadas con interfaces y diseño web, mientras que el paquete Ultimate contiene las 53 categorías, incluidas cosas como Mascotas, Clima, Finanzas, Aire libre, Transporte y mucho más.

Visita el sitio Streamline para disfrutar de toda la gloria de los íconos.

“Los íconos de Vincent son únicos, versátiles y fáciles de trabajar. Descubrió que son muy útiles en una variedad de proyectos”.

—Daniel Burka, Resolución de salvar vidas

Algunos datos interesantes sobre el sitio Streamline:

• Diseños iniciales creados en Figma.
• Codificado desde cero con .pug, .sassy.js
• CodeKit para compilar todo el código
• Grunt para crear un objeto con todos los recursos SVG
• Animaciones creadas en After Effects, exportadas desde AE ​​con Lottie a unformato icon-animation.json y agregado al sitio usando bodymovin.js
• Se utilizó Scrollmagic.js para manipular el DOM en función de las posiciones de desplazamiento para las secciones de paralaje de íconos grandes.
• jQuery.js se utilizó para hacernos la vida más fácil ya que estamos creando un sitio de marketing y no una aplicación a gran escala.