10 íconos de fuentes útiles y gratis que debes marcar

A medida que más y más dispositivos adoptan pantallas de alta definición, los íconos de fuente se están convirtiendo en la opción popular para adoptar. Es redimensionable sin comprometer la calidad y personalizable a través de CSS. Podemos cambiar fácilmente el color, el tamaño e incluso animar los iconos de fuente con CSS3. Más es resolución independiente lo que lo hace ver nítido en cualquier densidad de pantalla.

FontAwesome es, con diferencia, una de las fuentes más populares, con una gran colección de iconos. Pero es altamente innecesario descargar toda la colección cuando solo necesita usar unos pocos. Aquí están 10 fuentes alternativas de iconos de fuentes bien elaborados que espero que encuentre útil a veces para crear sus próximos sitios web y aplicaciones en lugar de FontAwesome.

StackIcons

StackIcons son iconos de fuentes para más de 60 marcas sociales modernas. Viene con CSS, lo que le permite diseñar su fuente en muchas formas de contenedores. Puedes obtener los iconos de tu marca social en círculos, cuadrados o con bordes redondeados. También puede colorear los iconos en más de un color, lo que le brinda colores de marca más realistas..

Licencia: SIL Open Font y MIT

Twemoji impresionante

Twemoji es un proyecto de emoticonos de código abierto de Twitter. Elle Kasai lo ha portado a un icono de fuente llamado Twemoji impresionante. Todos los nombres de clase para mostrar los íconos son los mismos que en la Hoja de referencia de Twemoji, pero es necesario usar un guión en lugar de un guión bajo, eso es todo. Aquí hay un ejemplo de cómo agregamos el hatching_chick icono:

Licencia: MIT y CC-BY para los gráficos de emoticonos.

Fuente diao

Font Diao es una colección de iconos de fuentes del popular sitio web o empresa con sede en China, como Alibaba, Alipay, WeChat, Xiaomi y Weibo. La fuente puede ser útil cuando está creando sitios web designados para la audiencia de China continental que probablemente estén familiarizados con esta fuente en particular..

Licencia: Licencia publica

Socialicious

Socialicious es una fuente creada exclusivamente para sitios web populares como Facebook, Twitter e Instagram. La fuente está diseñada para funcionar bien con Bootstrap. Aquí hay un código de ejemplo para construir un botón con Bootstrap .btn clase en conjunción con clases de fuente.

   Conectar con Linkedin

Licencia: Licencia MIT.

Octicons

Octicons es un conjunto de iconos de fuente presentados por GitHub, que le permiten utilizar el mismo icono que GitHub utilizó en su proyecto. Hay más de 170 iconos listos para aplicar en su próximo proyecto.

Fuente de pago

Si utiliza una pasarela de pago, es posible que desee capturar estos iconos de fuente. El paquete contiene 95 íconos de suspensión que son métodos de pago o pasarelas populares como Visa, American Express y más.

Licencia: SIL OFL 1.1

Iconos de Android

Este es el conjunto de iconos creado por Opoloo, anteriormente conocido como la comunidad de Android. Incluye 250 iconos impresionantes en 5 tamaños y 14 colores de iconos nativos de Android.

Licencia: Attribution-ShareAlike 4.0 International

DevIcons

DevIcons es un conjunto de iconos de fuentes hechos a mano por Theodore Vorillas. Contiene 85 símbolos y logotipos de aplicaciones de desarrollo conocidas, como el ícono de GitHub, el ícono de Gulp, el ícono de Angular y muchos otros..

Licencia: MIT

Open Iconic

Open Icon contiene 223 iconos listos para usar con bootstrap, un marco o su propia hoja de estilo. El tamaño de la fuente es pequeño, solo 12.4 KB, que es aproximadamente una cuarta parte de lo que puedes encontrar en FontAwesome. Lo interesante aquí es que estos iconos pueden reducirse a 8px.

Licencia: SIL.

Material Design Iconic Font

Hay 15 categorías de iconos de fuentes inspirados en el diseño de materiales de Google en este paquete. Para usarlos, simplemente instale Material-Design-Iconic-Font.ttf, luego use esta hoja de trucos. Copie y pegue los iconos (no el Unicode) en su proyecto. Puede ampliar los íconos, darle bordes, girar, rotar o voltearlos con CSS.