40 excelentes herramientas SVG y docenas de conjuntos de iconos

Por un lado, la web es cada vez más visual, e incluso los textos más cortos están respaldados por imágenes. Por otro lado, tenemos que prestar mucha atención a los tiempos de carga, para evitar asustar a los visitantes oa Google. Con el desarrollo de la web responsive, se agregó un tercer componente: la capacidad de un gráfico para manejar las diferentes resoluciones.

El material de imagen SVG, también conocido como gráficos vectoriales escalables, es la solución. Aquí se proporcionan tamaños de archivo pequeños y un ajuste flexible al tamaño de la pantalla. Hemos recopilado las herramientas y los conjuntos de iconos en línea más bonitos.

Herramientas web SVG

Método Dibujar

Method Draw es una aplicación web gratuita para editar archivos SVG. Diseñado específicamente como un editor de vectores en línea, sus controles son muy simples: abra un archivo, edítelo y guárdelo: ¡listo!

© Método Draw

Snap.svg

Con Snap.svg, los archivos SVG se pueden crear y editar de forma gratuita, incluso convirtiéndolos en hermosas animaciones.

© Snap.svg

SVG Morfeo

Aquellos que quieran ver algo de movimiento en sus íconos usan SVG Morpheus, lo que permite que dos o más íconos pasen entre sí.

© SVG Morfeo

cuasi-svg

Utilice esta aplicación para crear patrones muy cristalinos. Muchos campos de entrada le permiten crear patrones personalizados, que se pueden usar como fondos para sus proyectos.

© berjon.com

Patrón llano

La aplicación Plain Pattern es una aplicación fácil de controlar para la creación de patrones que se pueden exportar desde el formato SVG.

© kennethcachia.com

Chartist.js

Chartist ayuda a los diseñadores y desarrolladores a convertir los contenidos en diagramas dinámicos interactivos, que tienen el mismo aspecto en todos los dispositivos terminales.

© gionkunz.github.io

bonsai

Bonsai ofrece una biblioteca para la edición gráfica, que también admite una API y una plataforma de renderizado para SVG.

© bonsaijs.org

SVGMagic

Si el navegador es demasiado antiguo para mostrar SVG, SVGMagic puede ayudarlo. El contenido SVG bloqueado se convierte en PNG, lo que permite que el navegador lo muestre. Aquí es donde entra en juego jQuery en segundo plano.

© SVGMagic

Glifo

Glyphter le brinda fácil acceso a 16 fuentes diferentes de íconos y fuentes optimizados para SVG.

© Glifo

iconizr

Si tiene un montón de animaciones o gráficos SVG, júntelos todos: Iconizr los convierte en un kit de iconos CSS aplicable.

© iconizr

Conjuntos de iconos SVG

Iconos SVG gratuitos para marcas populares

© simpleicons.org

Conjunto de iconos de comercio electrónico receptivo

© plugandplaydesign.co.uk

Freebies – Conjunto de iconos planos sociales

© Christophe Kerebel

Iconos de línea simple – Freebie

© Nimasha Perera

Iconos de soporte técnico y alojamiento web

© Vecteezy

Iconos de frutas gratis

© James George

Iconos de UI UX

© Armantas Zvirgzdas

Vector libre Foldicons

© James George

60 iconos industriales gratuitos

© speckyboy.com

Conjunto de iconos redondeados

© Jerry Low para Myplanet

El conjunto de iconos de Bitcoin gratis

© speckyboy.com

Freebie: Pixelvicon Icon Set (80 iconos)

© Mohammad Amiri

Iconos vectoriales gratis

© Dan Skrobak

60 iconos redondos con estilo: conoce los iconos redondos

© smashingmagazine.com

Iconos de trazos libres – Webfont

© graphicburger.com

60 asombrosos iconos planos gratis

© smashingmagazine.com

Básico

© linea

36 hermosos iconos redondeados

© smashingmagazine.com

240 iconos gratuitos de cocina / restaurante

© ewebdesign.com

200 Paquete de Iconos Gratis del Día de San Valentín

© ewebdesign.com

50 iconos vectoriales de tipo de archivo

© Chris B

Descarga gratuita: 40 iconos de San Valentín

© webdesignerdepot.com

CapitánIconoWeb

© mariodelvalle

150 iconos descritos – PSD AI SVG Webfont

© Darío Ferrando

nastyicons.com

© nastyicons.com

Iconos de Metrize

© alessioatzeni.com

Iconos de línea simple – más de 100 iconos gratis

© Mirko Monti

Paquete de 200 iconos de vacaciones y viajes

© graphicsfuel.com

100 iconos de estilo de línea gratuitos

© elegantthemes.com

Conjunto de iconos de clima vector libre

© freepik.com