Las Mejores Fuentes De Icono Gratuitas Y Pagadas: Alternativas Impresionantes De Fuente

Hablamos de los mejores servicios que representan los íconos para el desarrollo web, describimos los pros y los contras de cada uno de ellos, y sugieren que elija el mejor.

¿Buscas iconos únicos para su sitio web? ¿Constantemente chocas en su fuente increíble, pero no encontrar algo interesante en él? Luego, asegúrese de leer este artículo, aquí le indicamos qué es una fuente de icono, describe muchos sitios gratuitos con ella y también le damos muestras de iconos para cada servicio. ¡Haz tu elección para crear un aspecto único!

Las mejores alternativas a la fuente impresionantes.

Las fuentes de iconos se han utilizado durante mucho tiempo en el diseño web para crear hermosos iconos para un sitio web. Una fuente de iconos es un conjunto de símbolos transformados en imágenes de diferentes temas. Dicha fuente es en realidad un archivo de texto que se convierte en imágenes usando CSS.

Pros de usar fuentes de icono

• Pueden ser modificados de cualquier manera: especifique el tamaño, el color, el fondo, la sombra, la degradado, aplique pseudo-clases: flotando o enfoque - para crear su propio estilo.
• Se pueden animar.
• Aumentar o disminuir el tamaño del ícono no afecta la calidad, por lo que se muestran correctamente incluso en las pantallas de la retina.
• En comparación con las imágenes regulares, son más ligeras y se cargan más rápido.
• Para descargar fuentes de iconos, solo necesita una solicitud HTTP, que puede aumentar significativamente la velocidad de cargar páginas en el sitio.
• Son apoyados por todos los navegadores (incluso versiones muy antiguas).

Actualmente, la fuente más popular es increíble. Es conocido a casi todos los que alguna vez han estado involucrados en el desarrollo de sitios web. Originalmente se creó para Bootstrap, pero ahora se ha convertido en un icono independiente y una biblioteca de imágenes con más de 600 iconos.

Sin embargo, a pesar de esto, hay muchos sitios con contenido similar. Las fuentes gratuitas o pagadas de otros editores también tienen sus propios iconos únicos, que son útiles al elegir su propio logotipo para su sitio. Le contaremos sobre ellos en este artículo, sobre las mejores y más completas de las fuentes de iconos que pueden adaptarse a usted como una alternativa a la fuente impresionante.

Conjuntos de fuentes gratis

1. WEBHOSTINGHUB GLYPHS

Uno de los conjuntos de iconos más grandes, contiene 2075 imágenes. Es posible descargarlos en formato PNG en dos tamaños (16 y 32 píxeles). Puede cambiar el color de los iconos, sus tamaños, como en muchos otros conjuntos de iconos. El sitio incluso tiene un ejemplo ilustrativo de cómo se puede hacer esto: cuatro controles deslizantes al lado de una imagen aleatoria determinan su tamaño, color, sombra y enfoque de la sombra.

El sitio es en realidad muy fácil de usar y comprensible incluso para un niño. Todos los iconos se dividen en categorías, varias veces hay botones para descargar toda la fuente en un archivo, y a continuación hay una instrucción detallada con ejemplos de cómo usar correctamente esta fuente de icono en su código.

2. Dashicons - el wordpress oficial

Pashicons es una fuente de icono diseñada por Mel Choyce específicamente para arreglar la nueva interfaz de administración de WP. Esta es una gran alternativa a Font Awesome que vale la pena echarle un vistazo.

Una de las mejores cosas de Pashicons para WordPress es que los iconos disponibles para la selección se organizan en categorías, lo que facilita la búsqueda del tipo de icono que desea. con una mirada. La herramienta incluso viene con una barra de búsqueda de filtros, y cada icono está numerado para que sea fácil encontrarlos.

En este momento, la biblioteca Dashicons WordPress contiene 197 iconos, que se dividen en 15 secciones:

• Menú de administrador;
• Pantalla de bienvenida;
• Formatos de publicación;
• Medios de comunicación;
• Edición de imagen;
• Tinymce;
• PANTALLA DE POSTALES;
• Clasificación;
• Social;
• WordPress.org Específico: trabajos, perfiles, wordcamps;
• Productos;
• Taxonomias;
• Widgets;
• Notificaciones;
• Misc

La compañía libera regularmente las actualizaciones con la adición de nuevas imágenes, así como con las capacidades mejoradas del sistema. Sin embargo, esta colección aún carece de algunos iconos, por ejemplo, redes sociales.

En el sitio web oficial, verá esta interfaz. Cuando hace clic en el icono que le gusta, aparecerá en el encabezado junto a sus enlaces en varios formatos: CSS, HTML y Glyph.

3. Ionicons

Esta fuente impresionante alternativa cuenta con 528 iconos diferentes para adaptarse a varios menús, listas internas y pestañas. El lema de la compañía es: Hecho con amor a mano. Puedes creerlo al prestar atención a los detalles con los que se realizan estos iconos.

Los ionicones están lanzando sus iconos de uso en aplicaciones móviles en iOS, Android, aplicaciones web y escritorios. Tienen un código de código abierto, lo que facilita enormemente el trabajo en el diseño del sitio. Cómo se muestra looks en la captura de pantalla a continuación.

Ionicons es un producto de la compañía iónica, que no solo crea iconos para sitios web, sino que también ofrece a los usuarios una gama de productos que son convenientes para los desarrolladores de sitios web. Le permiten crear, proteger y entregar aplicaciones de grado empresarial en cualquier plataforma.

4. Caracteres HTML estándar

Además de los servicios especialmente creados, no se olvide de la colección absolutamente gratuita de varios iconos HTML. Puede cambiar su tamaño y color mientras mantiene una buena calidad de imagen.

Todos los iconos están en línea gruesa, y el código está abierto a todos. En nuestra opinión, los personajes estándar de HTML son una excelente alternativa a la fuente increíble.

5. Iconset de linea

Linea Iconset tiene 716 iconos en su surtido, con la ayuda de los cuales puede establecer un mejor contacto con el usuario, porque en el mundo moderno hay muchas palabras y texto a nada. Este sitio ofrece descargar un paquete completo de una colección de iconos en áreas, por ejemplo, Música, Comercio electrónico y otros. Los propios iconos parecen líneas formando un dibujo de un valor particular.

Además, el sitio web oficial de Linea Iconset le ofrece una docena de sitios más donde puede encontrar iconos gratuitos para el desarrollo web. No los listaremos por esta misma razón.

6. Iconos de Android

Excelente servicio amable, acogedor de huéspedes con un gran corazón y gratitud. Cuenta con 250 símbolos en su biblioteca, que puede usar absolutamente libre, después de todo, los iconos de Android son de código abierto, y con la ayuda de CSS, puede cambiarlos: Cambiar tamaños, formas, colores.

El sitio es intuitivo, el código de caracteres está disponible incluso sin descargar un paquete completo de iconos. Puedes ver algunos de ellos en la foto de abajo.

7. Themify Icons

Este servicio ofrece un conjunto completo de iconos para su uso en diseño web y aplicaciones. Los 320 iconos se dividen en grupos, como flechas de dirección, iconos de aplicaciones web, editor de texto y otros.

Los iconos de Themify están alimentados por WordPress, por lo que sus iconos se pueden usar fácilmente en cualquier tema de WordPress: para agregarse a un menú, título del widget u otros.

8. STACHICONS

Aunque el sitio ofrece pocas opciones para los iconos (60 en total), son muy brillantes y coloridos, y también cambian fácilmente el color, el volumen, se combinan con otros símbolos, el tamaño se puede aumentar o disminuir sin perder la calidad de la imagen. Los iconos se ajustan perfectamente a la mayoría de las marcas sociales modernas, desde App.Net hasta Zerply. Para los enlaces de contacto internos, los apilones son como ningún otro.

9. OCTICONES DE GITHUB

Estos iconos se dividen en dos formatos: 16 y 24 píxeles. A pesar de que estas listas tienen diferentes iconos, cada uno de ellos puede representarse en una forma más grande o más pequeña. En total, la biblioteca del sitio tiene aproximadamente 250 imágenes encriptadas en archivos de texto.

Los octexones de GitHub crean sus propios iconos únicos de código abierto, lo que permite al usuario copiar o descargar el código en formato SVG, así como a Ruby, Jekyll y reaccionar.

10. Fuente icónica de diseño de material

La fuente icónica del diseño de material le permite usar una variedad de iconos amigables con Google en una variedad de colores. Esta fuente fue creada por el diseñador de Google Material basado en CSS, es decir, puede realizar todas las operaciones disponibles en este lenguaje de programación con los iconos sugeridos.

Los 777 iconos están disponibles absolutamente de forma gratuita, y una descripción detallada de cómo usar el código para cada imagen está en la página principal del sitio web oficial. Incluso un diseñador web novato podrá usar este conjunto en su trabajo sin ningún problema.

Fuentes pagadas

1. icomoon

El servicio tiene más de 1600 iconos en sus repositorios, y ofrece probar la versión gratuita, que incluye solo 490 muestras. Para un paquete completo de servicios con términos premium, con muchos formatos vectoriales y formas de Photoshop, el sitio solicita $ 59. Este dinero está respaldado por una garantía de dos semanas.

Por supuesto, puede modificar los conjuntos de iconos comprados como desee. Aquí puedes crear tu propio estilo único sin mucho esfuerzo.

2. Línea de corriente

Este servicio ofrece más de 75000 (!) Diferentes iconos. Se sorprenden con su singularidad, brillo y variedad tanto que te enamoras de ellos a primera vista.

Línea de corriente Icons es uno de los pocos servicios que le permite trabajar con boceto, gracias a los cuales puede cambiar el color de los iconos y el grosor de sus líneas. En el sitio, cada muestra se presenta en tres tipos: Luz, regular y audaz. Línea de corriente tiene una prueba gratuita, pero también ofrece paquetes de servicio pagados. Por ejemplo, todo el conjunto de insignias se puede comprar de una vez por $ 228 por año. Este paquete viene con archivos vectoriales en formato SVG y PDF, imágenes de alta resolución y el derecho de usar los productos sin atribución.

3. FRATION

Las banderas de país, las redes sociales, los análisis de negocios son solo algunas de las secciones impopulares de este servicio. Los iconos inusuales tienen un lugar inimaginable de 108,683 conjuntos creados por diseñadores profesionales y usuarios ordinarios. También puede crear su propio conjunto de iconos y venderlo en el mismo sitio.

El formato de archivo también se varía: PNG, PSD, SVG, EPS y base 64. Puede importar fácilmente los iconos en Illustrator, After Effects y Photoshop.

El paquete premium cuesta 40.50 € por mes y le brinda acceso a ilustraciones exclusivas, derechos de licencia completa y elimina los anuncios. También hay muestras gratuitas, y hay sorprendentemente muchas de ellas para un sitio: más de 2 millones. Los creadores agregan nuevos iconos cada mes, por lo que la colección no se limita a este número.

4. Besmas

SmashiCons por solo $ 5 por mes le brinda acceso a todos los iconos existentes, así como a los que se agregarán en el futuro. Todos los iconos se presentan como vectores editables en dos formatos: PNG y SVG. Se están agregando constantemente nuevos iconos, y también hay recursos de diseño de código abierto. Besmas te trae 174 recursos para tus proyectos creativos.

Conclusión

En Internet, puede encontrar fácilmente muchos servicios que le den a todos miles de iconos hermosos de forma gratuita o por una tarifa. Con su ayuda, puede diseñar un sitio web o una página en una red social. Hay muchas alternativas para fontanar increíbles, pero, desafortunadamente, hay pocos sitios de idioma ruso. Aunque, incluso sin traducción, está claro cómo encontrar el icono y el código deseados para ello. Fuente impresionante no es el único servicio que vale la pena ver, y cada vez más sitios web con imágenes únicas están apareciendo todos los días.