10 iconos de fuentes útiles y gratuitas que debes marcar

A medida que más y más dispositivos adoptan pantallas de alta definición, los íconos de fuentes se están convirtiendo en la elección popular para adoptar. Se puede redimensionar sin comprometer la calidad y se puede personalizar a través de CSS . Podemos cambiar fácilmente el color, el tamaño e incluso animar íconos de fuente con CSS3. Además, es independiente de la resolución lo que lo hace parecer nítido en cualquier densidad de pantalla.

FontAwesome es, con diferencia, una de las fuentes fuente más populares, con una enorme colección de íconos. Pero es muy innecesario descargar toda la colección cuando necesite usar solo unos pocos. Aquí hay 10 fuentes alternativas de íconos de fuentes bien elaboradas que espero que a veces encuentre útiles para construir sus próximos mejores 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 contenedor. Puede obtener los iconos de su marca social en círculos, cuadrados o con bordes redondeados. También puede colorear los iconos en más de un color, dándole colores de marca más realistas.

Licencia : SIL Open Font y MIT

Twemoji Awesome

Twemoji es un proyecto de emoticones de código abierto de Twitter. Elle Kasai lo ha portado a un ícono de fuente llamado Twemoji Awesome . Todos los nombres de clase para mostrar los íconos son los mismos que los Twemoji Cheat Sheet, pero necesitas usar un guión en vez de un guión bajo, eso es todo. Aquí hay un ejemplo de cómo agregamos el icono de hatching_chick :

Licencia: MIT y CC-BY para los gráficos Emoticon

Fuente Diao

Font Diao es una colección de íconos de fuentes de sitios web populares o empresas con sede en China, como Alibaba, Alipay, WeChat, Xiaomi y Weibo. La fuente puede ser útil cuando construyes wesbites designados para el público de China continental que probablemente estén familiarizados con esta fuente en particular.

Licencia: Licencia pública

Socialicious

Socialicious es una fuente creada exclusivamente para sitios web sociales 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 la clase Bootstrap .btn junto con clases de fuentes.

  Conéctese con Linkedin 

Licencia: Licencia MIT.

Octicons

Octicons es un conjunto de íconos de fuentes presentado por GitHub, que le permite usar el mismo ícono utilizado por GitHub en su proyecto. Hay más de 170 íconos listos para aplicar en su próximo proyecto.

Fuente de pago

Si usa una pasarela de pago, es posible que desee tomar estos iconos de fuentes. El paquete contiene 95 iconos de suspensión que son de métodos de pago populares o puertas de enlace 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 increíbles en 5 tamaños y 14 colores de íconos nativos de Android.

Licencia : Atribución-CompartirIgual 4.0 Internacional

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 familiares, como el icono GitHub, el ícono Gulp, el ícono angular y muchos otros.

Licencia: MIT

Open Iconic

Open Icon contiene 223 iconos listos para usar con bootstrap, un framework o tu propia hoja de estilo. El tamaño de fuente es pequeño, solo 12, 4 Kb, que es aproximadamente una cuarta parte de lo que puedes encontrar en FontAwesome. Lo bueno aquí es que estos íconos pueden reducirse a 8px.

Licencia: SIL

Material Design Iconic Fuente

En este paquete, hay 15 categorías de íconos de fuentes inspiradas en el diseño de materiales de Google. Para usarlos, simplemente instala Material-Design-Iconic-Font.ttf, luego usa esta hoja de trucos. Copie y pegue los iconos (no el Unicode) en su proyecto. Puedes agrandar los íconos, darle bordes, girarlos, rotarlos o voltearlos con CSS.

Licencia : Atribución-CompartirIgual 4.0 Internacional

Ahora lea: más de 50 fuentes de símbolos gratis para diseñadores web

BioHacks: 6 casos Cómo la tecnología actualizó las habilidades humanas

Si las perforaciones te hacen sentir aprensivo, es posible que desees omitir esta publicación. ¿Aún aquí? Estupendo. Te sorprenderías con el tipo de cosas que las personas están poniendo o uniéndose a partes de su cuerpo para mejorar su capacidad de hacer algo.En este post veremos 6 maneras diferentes en que algunas almas valientes han estado tratando de usar la tecnología para compensar una discapacidad o para otorgarles "poderes especiales". Desde

(Consejos de tecnología y diseño)

Cómo optimizar la tasa de conversión con un diseño web persuasivo

Cuando las personas piensan en un diseño web efectivo, generalmente consideran la estética y el atractivo visual. Sin embargo, aparte del aspecto visual, un diseño web también debe tener una buena experiencia de usuario .La combinación de atractivo visual y experiencia de usuario eficiente compensa un diseño web persuasivo. Un d

(Consejos de tecnología y diseño)