30 iconos responsive que mutan al agrandarse (SVG)

Tenemos amamos los iconos, comunican más que las palabras, y en mucho menos espacio. Sin embargo, la mayoría de los iconos son limitados por tener una medida única: el mismo icono se ve igual sin importar en que dispositivo se lo visualice.

Aquí te muestro un set de iconos responsive que agregan detalles a medida que se agrandan (mutan).

Este increíble conjunto de iconos es diferente. Diseñado por icons8, son totalmente responsive, cambiando su nivel de detalle cuando se escalan.

Al achicarlos, las líneas y las formas se vuelven más simples para una máxima legibilidad. Agrandándolos,  se añaden detalles adicionales, para un look sofisticado de alto brillo.

Cada uno de estos iconos vectoriales se encapsulan en un solo archivo SVG, con todos los CSS encapsulados allí también.

Eso significa que se realiza una sola una petición http del icono, reduciendo el ancho de banda y de download.

La descarga del set de 30 iconos, incluye todos los formatos SVG y PDF, así como el código de ejemplo para que implementes los iconos.

VEAMOS UNOS EJEMPLOS

Arrastra los controles deslizantes de abajo para ver como los iconos adaptan su forma y detalles.

DESCARGA:

Descarga AQUI debajo el SET de iconos y los códigos para usarlos directamente en tus páginas:
descargar

[sociallocker id=»2575″] >> Descarga el set de iconos <<[/sociallocker]

Dentro del set de descarga, tendrás 1 HTML por cada icono con el código para que puedas insertarlo directamente en tus paginas.

El uso del formato SVG ha avanzado muchísimo y nos facilita funcionalidades increíbles como la que acabamos de ver.

Déjame tus comentarios aquí debajo.

Saludos!
Cristian
PD: ya viste mis cursos de desarrollo web?

Cursos de desarrollo web

Cursos de desarrollo web:

[featured_products per_page="12" columns="4"]

Diseñador y Programador Web Full-Stack especializado en PHP / MySQL / Laravel / Wordpress / HTML5 / CSS3 / JS.

4 thoughts on “30 iconos responsive que mutan al agrandarse (SVG)

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.