10 páginas con iconos gratis para usar en tu Membership Site
En este artículo te contamos dónde encontrar 10 páginas con iconos gratis para usar en tu Membership Site y comunicar de forma eficaz tu propuesta de valor.
Hace unos días te avanzamos las tendencias en diseño web para Membership Site para este 2019. El uso de imágenes y de iconos en la web no es nada nuevo.
Ayudan a comunicar tu identidad corporativa al suscriptor. En este contexto, los iconos ayudan a ilustrar los apartados o secciones de tu Membership Site de una manera fácil, ahorrándote algunos párrafos de redacción.
Los iconos son pequeños elementos gráficos que, bien vinculados con el contenido que acompañan, ayudan al usuario a identificar los aspectos clave de lo que quieres transmitir de una forma rápida y directa.
En este artículo te hablamos sobre iconos, pero no de cualquier tipo de iconos. En concreto, te hablamos de páginas dónde encontrar iconos gratis y de calidad.
También te explicamos que las icon fonts son iconos. No son imágenes JPG, PNG o SVG que subes a la mediateca de tu WordPress y después añades a un post o página cualquiera.
En realidad, las icon fonts son caracteres y por lo tanto, puedes cambiar su tamaño, color y cualquier atributo como lo harías con cualquier fuente tipográfica que uses en tu sitio de membresía: mediante CSS.
Estos iconos son vectoriales lo cual te permite modificarlas a tu antojo sin perder calidad. A la vez, son infinitamente más ligeras, lo cual mejora considerablemente la velocidad de carga de tu Membership Site.
Como ves, las icon fonts son mucho más eficientes respecto a las imágenes tradicionales. Ahí entra el trabajo de tu identidad corporativa y ver si transmiten el mensaje que tú quieres comunicar.
A parte de usarlas como icon fonts, puedes descargar los iconos y crear tus propias composiciones como hacemos en Bicicleta Studio para crear las imágenes destacadas de nuestros artículos y podcast.
Seguro que has visto iconos mil y una veces navegando por internet:
- El icono de carrito en un ecommerce.
- El icono de hamburguesa para ilustrar el menú móvil.
- Una cruz para indicar «cerrar» en un pop-up.
- …
10 páginas con iconos gratis para usar en tu Membership Site
Después de explicarte qué son las icon fonts vamos a ver dónde puedes encontrarlas. Y vamos un poco más allá: dónde puedes encontrar iconos gratis.
No van a ser diseños exclusivos para ti, pero puedes empezar a usarlos y, a lo mejor, decidir diseñar tus propios iconos creando parte de tu Identidad Visual.
Aquí tienes nuestra selección de las 10 mejores páginas con iconos gratis:
Ionicons
Ionicons es la librería de iconos de Ionic Framework que recomienda el mismo StudioPress para customizar tu Membership Site creado con WordPress y Genesis.
Separa la colección en dos estilos diferentes para que puedas escoger el que mejor encaja contigo. Encontrarás los iconos más representativos para navegación web o app y algún que otro logotipo de redes sociales o marcas comerciales.
Esta librería de iconos es Open Source y con licencia del MIT.
Font Awesome
Es posible que Fontawesome sea la librería de iconos más conocida del mundo web. A través del menú lateral puedes navegar por todos los iconos, seleccionando los free o los premium, el aspecto, las novedades, categorías…
Tienes mucha variedad entre la que escoger. La mayoría de iconos tienen la versión en línea y en sólido.
Los iconos Font Awesome Free están bajo licencia pública. ¡Tienes toda una librería donde elegir los mejores iconos para tu Membership Site!
Material Icons
Material Icons es la librería de iconos gratis de Google incluida en su proyecto Material Design. Para que puedas escoger los más adecuados para tu proyecto están separados por temas y categorías.
Estos iconos son los que escogimos para crear las imágenes destacadas de los artículos y podcast que publicamos en Bicicleta Studio.
Tienes gran variedad de iconos gratis clasificados por tema y categoría que representan acciones y elementos comunes.
Son Open Source: los puedes usar en tu sitio de membresía de forma gratuita. Eso sí, ¡no los vendas! 😉
Glyphicons
Glyphicons es la librería de iconos de Bootstrap, un conjunto de herramientas de código abierto para desarrollar con HTML, CSS y JS.
El creador de estos iconos los dejó a disposición de Bootstrap quien los distribuye de forma gratuita. En este caso, se indica que se cite la fuente de los iconos siempre que sea posible.
Linearicons
Linearicons es una colección de iconos de estilo lineal, como su nombre indica.
Tiene un estilo bastante diferente a los anteriores. Encontrarás simbología tradicional y alguna que otra más rompedora.
Ofrecen una versión premium (de pago y sin atribución) y una free bajo licencia CC BY-SA 4.0. Si usas los free, menciona a https://linearicons.com como atribución 🙂
Typicons
Typicons son iconos gratis preparados como icon font para que puedas usar inmediatamente en tu Memebrship Site.
Los puedes descargar desde su página web y también están disponibles en Github.
Vienen preparados con todo lo necesario para insertarlos en el sitio de membresía como icon font.
Además, ¡si quieres puedes usarlos como base para crear tus propios iconos!
Icofont
En Iconfont tienes más de 2100 iconos gratis para animar tu Membership Site.
Están ordenados por categorías y son 100% gratuitos. Puedes cambiar su color, usar como icon font o bajarte el archivo SVG en el caso que quieras crear tus propias composiciones o guardarlos en otros formatos.
Devicon
Devicon es una colección de iconos gratis representativos sobre lenguajes de programación y herramientas de diseño y desarrollo.
Según el icono tienes varios acabados entre los que escoger. Puedes usarlos como icon font o bajarte el SVG.
Si tu Membership Site trata sobre temas relacionados con la programación y el desarrollo te van a ser de gran utilidad.
Themify
Themify es una colección completa de iconos gratis que puedes usar de forma personal o comercial. También tiene un plugin a tu disposición para instalar las icon fonts en tu WordPress.
Puedes bajarte toda la colección en una carpeta comprimida y gestionarlo desde tu ordenador. Hay una sección entera en el web para mostrar el aspecto de los iconos.
Un punto positivo es que son de trazo limpio y minimalista.
Icons8
Gracias al podcast Cómo diferenciarse de Toni Colom descubrimos esta interesante plataforma: Icons8.
Te permite buscar un icono determinado entre varias colecciones diferentes. En este caso no todos los iconos ni todos los formatos son gratuitos, así que tendrás que investigar un poco a la hora de encontrar los iconos gratis que se ajusten a tu proyecto.
Buenas prácticas
- Ten claro qué quieres comunicar con cada icono para poder escoger el más adecuado.
- Si usas los iconos como icon font, busca una sola colección que tenga todos los iconos necesarios para tu Membership Site:
- Obtienes un estilo homogéneo.
- Ganas velocidad al cargar una sola biblioteca y no varias.
- Si usas los iconos en SVG para crear tus propias imágenes, sigue un criterio unificador:
- Misma biblioteca de iconos
- Usar tus colores corporativos
- Mismo color de fondo
- Recuerda que las imágenes SVG no se pueden subir directamente a tu mediateca WordPress. Debes subirlas mediante código. Además, no se van a compartir en las redes sociales. En este caso, es mejor que uses una composición con el icono guardada en un otro formato de imagen optimizado: PNG, JPG o GIF
Tienes esta lista de 10 páginas con iconos gratis para usar en tu Membership Site, no obstante, te animamos a investigar entre las colecciones de pago o premium si lo crees oportuno.
A menudo vale la pena gastar un poco para comprar una colección de iconos si, por ejemplo, todas tus imágenes destacadas van a ser creadas con ellos. Te va a dar mayor exclusividad y vas a tener una biblioteca más completa.
Se trata de investigar a fondo para encontrar los iconos más adecuados para tu Membership Site.
Por cierto, sabías que…
El mayor problema de tu negocio es la falta de ingresos recurrentes.
Descubre nuestra metodología exacta para construir un negocio simple, estable y escalable que te genere ingresos recurrentes de forma inteligente.
Deja tu email y copia nuestro método: