{"id":650,"date":"2015-08-25T09:36:30","date_gmt":"2015-08-25T07:36:30","guid":{"rendered":"https:\/\/www.jimdo.com/es/blog\/?p=650"},"modified":"2021-10-28T13:53:16","modified_gmt":"2021-10-28T12:53:16","slug":"iconos-gratis-paginas-web","status":"publish","type":"post","link":"https:\/\/www.jimdo.com/es/blog\/iconos-gratis-paginas-web\/","title":{"rendered":"D\u00f3nde encontrar iconos gratis y c\u00f3mo usarlos"},"content":{"rendered":"\n

La mayor\u00eda de las p\u00e1ginas web profesionales utilizan iconos para que los visitantes puedan encontrar m\u00e1s f\u00e1cilmente lo que buscan as\u00ed como para crear una imagen distintiva. \u00bfSab\u00edas que t\u00fa tambi\u00e9n puedes a\u00f1adir iconos a tu p\u00e1gina web incluso sin tener conocimientos de dise\u00f1o web? En este art\u00edculo, te vamos a recomendar las mejores plataformas de iconos gratis para p\u00e1ginas web que existen y c\u00f3mo introducir estos iconos en tu sitio. <\/p>\n\n\n\n

Los iconos de p\u00e1ginas web y su importancia<\/h2>\n\n\n\n

Un icono es una imagen o un s\u00edmbolo que puedes introducir en tu p\u00e1gina web. Funciona como un bot\u00f3n o un enlace en el que puedes hacer clic o simplemente como un elemento decorativo.<\/p>\n\n\n\n

\"Iconos
Estos iconos disponibles en iconmonstr<\/a> son uniformes y f\u00e1ciles de a\u00f1adir en tu p\u00e1gina web<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

Los iconos facilitan la navegaci\u00f3n<\/strong>. Son reconocibles y ayudan a las personas a moverse por tu web<\/a>, como las se\u00f1ales de tr\u00e1fico. Una lupa te indica d\u00f3nde est\u00e1 la barra de b\u00fasqueda, un tel\u00e9fono te dice d\u00f3nde encontrar el n\u00famero de tel\u00e9fono, un carrito de compras te muestra los productos que quieres comprar, etc. Estos s\u00edmbolos comunes hacen que una p\u00e1gina web desconocida sea f\u00e1cil de manejar.<\/p>\n\n\n\n


Los iconos pueden ser parte de tu marca comercial<\/strong>. Los iconos de los sitios web pueden reforzar los colores<\/a>, el estilo, el tono y el logo<\/a> de tu marca. En otras palabras, son parte del conjunto que hacen que tu estilo sea especial y distintivo.<\/p>\n\n\n\n


Los iconos favorecen el dise\u00f1o general de tu p\u00e1gina web<\/strong>. Los iconos son una forma muy \u00fatil de a\u00f1adir espacios en blanco a tus p\u00e1ginas. Este espacio visual de descanso hacen que tu sitio sea m\u00e1s legible y no d\u00e9 la sensaci\u00f3n de que est\u00e1 recargado o apretado.<\/p>\n\n\n\n

Los iconos son universales<\/strong>. Es f\u00e1cil crear una p\u00e1gina web multiling\u00fce<\/a>, pero los iconos son una forma fant\u00e1stica de transmitir tu mensaje de un modo que todo el mundo lo entienda, independientemente del idioma o el pa\u00eds.<\/p>\n\n\n\n

Note: <\/strong>Puede que hayas o\u00eddo hablar del t\u00e9rmino favicon. <\/strong>Es ese peque\u00f1o icono personalizado que aparece al lado de tu direcci\u00f3n de internet en las pesta\u00f1as del navegador. Normalmente es una mini versi\u00f3n de tu logo. Aqu\u00ed encuentras m\u00e1s informaci\u00f3n sobre c\u00f3mo a\u00f1adir un favicon a tu p\u00e1gina web<\/a>.<\/p>\n\n\n\n

Plataformas de iconos gratis<\/h2>\n\n\n\n

Hay millones de plataformas de iconos, muchas de las cuales te permiten usar sus iconos de dise\u00f1o de forma gratis o de pago. Numerosas p\u00e1ginas web de fotos de archivo<\/a> han empezado a ofrecer iconos tambi\u00e9n. Hemos hecho una lista de algunas de nuestras favoritas donde puedes encontrar iconos gratis.<\/p>\n\n\n\n

iconmonstr<\/h3>\n\n\n\n

iconmonstr<\/a> tiene su sede en Alemania y cuenta con miles de iconos para elegir. Son algo b\u00e1sicos, pero son gratis para uso comercial y te permiten cambiar el tama\u00f1o y los colores.<\/p>\n\n\n\n

Flaticon.com<\/h3>\n\n\n\n

Flaticon.com<\/a> tiene una enorme variedad de iconos gratis para p\u00e1ginas web. La selecci\u00f3n y los dise\u00f1os son fant\u00e1sticos, pero si quieres utilizarlos gratis, tienes que crear una cuenta y mencionar al autor del icono de forma clara en tu p\u00e1gina web. Si prefieres no tener que hacer la menci\u00f3n, tienes que pasar a un plan de pago.<\/p>\n\n\n\n

\"Iconos
Una peque\u00f1a muestra de los sets de iconos disponibles en Flaticon<\/figcaption><\/figure><\/div>\n\n\n\n

Flaticons.net<\/h3>\n\n\n\n

Flaticons.net<\/a> es otra fuente estupenda para encontrar y personalizar iconos. Puedes descargar iconos gratis, as\u00ed como personalizar el tama\u00f1o, el color, la forma e incluso el color de fondo de estos.<\/p>\n\n\n\n

Nota<\/strong>: Puedes conseguir exactamente el mismo color si tienes su \u201cc\u00f3digo de color\u201d. Este c\u00f3digo es un valor alfanum\u00e9rico que identifica un color y asegura que siempre sea el mismo. Para encontrar el c\u00f3digo de un color, utiliza una extensi\u00f3n como ColorZilla <\/a>o EyeDropper<\/a>. Estas herramientas pueden averiguar los colores de cualquier p\u00e1gina, incluida la tuya.<\/p>\n\n\n\n

\"Interfaz
En numerosas p\u00e1ginas de iconos gratuitos, puedes ajustar el tama\u00f1o, color y estilo del icono antes de descargarlo. Este ejemplo es de Flaticons.net.<\/figcaption><\/figure><\/div>\n\n\n\n

GraphicBurger<\/h3>\n\n\n\n

Los iconos de GraphicBurger<\/a> destacan porque tienen un estilo \u00fanico y te dan la sensaci\u00f3n de que no los vas a encontrar en ninguna otra parte. Vienen en sets, aunque no puedes cambiar ni el color ni el tama\u00f1o.<\/p>\n\n\n\n

Iconfinder<\/h3>\n\n\n\n

Iconfinder<\/a> tiene una enorme selecci\u00f3n de sets de iconos en diferentes estilos. La mayor\u00eda son gratis, pero tambi\u00e9n tienes opciones de pagar individualmente si tan solo necesitas algunos en particular y no quieres pagar una suscripci\u00f3n mensual o anual. As\u00ed que puedes comprar el uso de un icono directamente por unos d\u00f3lares y luego te olvidas.<\/p>\n\n\n\n

Good Stuff No Nonsense<\/h3>\n\n\n\n

Para iconos que parecen hechos a mano en lugar de los gen\u00e9ricos, echa un vistazo a Good Stuff No Nonsense<\/a>. Brindan iconos con un toque m\u00e1s personal y manual que se adaptan mejor a ciertos tipos de negocios. En esta p\u00e1gina encontrar\u00e1s sets de iconos tanto gratuitos como de pago.<\/p>\n\n\n\n

\"Pantallazo
Los iconos gratuitos de Good Stuff No Nonsense parecen hechos a mano.<\/figcaption><\/figure><\/div>\n\n\n\n

C\u00f3mo utilizar los iconos en tu p\u00e1gina web<\/h2>\n\n\n\n

La mayor\u00eda de las plataformas para iconos funcionan de la misma manera. Ofrecen miles de iconos para elegir en diferentes colores y formas. Puedes descargar un icono o un set de iconos. En cualquier caso nosotros recomendamos descargarlos en un archivo PNG<\/a>, ya que funciona para la mayor\u00eda de los casos.<\/p>\n\n\n\n

Casi todas las p\u00e1ginas web de iconos ofrecen algunos iconos gratuitamente, pero probablemente tengas que crear una cuenta y adquirir un plan de pago o realizar alg\u00fan pago si quieres m\u00e1s opciones para personalizarlos o utilizarlos sin indicar la fuente.<\/p>\n\n\n\n

Ten en cuenta las licencias<\/h3>\n\n\n\n

La mayor\u00eda de estas p\u00e1ginas de iconos gratis \u00fanicamente existen porque los dise\u00f1adores donan sus trabajos para que otras personas hagan uso de ellos. \u00a1Gracias por ello!<\/p>\n\n\n\n

Sin embargo, esto significa que algunos ponen a disposici\u00f3n iconos gratis para su descarga siempre que menciones al artista en tu p\u00e1gina web e incluyas un enlace al sitio de donde has obtenido el icono. Algunas plataformas se conforman con una peque\u00f1a menci\u00f3n en el pie de p\u00e1gina, pero otras requieren una menci\u00f3n m\u00e1s visible justo debajo del icono. Lee la letra peque\u00f1a, porque algunos iconos est\u00e1n disponibles para su uso en p\u00e1ginas web, pero no puedes utilizarlos como logo empresarial o en productos de marketing.<\/p>\n\n\n\n

C\u00f3mo a\u00f1adir el icono a tu p\u00e1gina web<\/h3>\n\n\n\n

Con Jimdo, siempre puedes a\u00f1adir un icono donde puedas subir una imagen. Simplemente c\u00e1rgalo a tu galer\u00eda y despu\u00e9s selecci\u00f3nalo desde un bloque de imagen. Puedes utilizar el icono como una imagen, un fondo o un v\u00ednculo. Para m\u00e1s ideas e instrucciones, lee nuestro art\u00edculo c\u00f3mo personalizar el dise\u00f1o de tu p\u00e1gina web<\/a><\/p>\n\n\n\n

Nota: Si tienes Jimdo Creator, podr\u00e1s colocar tus iconos al lado del texto con el elemento imagen y un elemento columna<\/a>.<\/p>\n\n\n\n

Consejos para usar iconos en tu p\u00e1gina web correctamente<\/h2>\n\n\n\n

Utiliza los s\u00edmbolos habituales<\/strong>. Esta es una de las \u00e1reas donde querer innovar no es la mejor idea. Elige iconos que sean obvios y conocidos, especialmente si un icono es direccional, es decir, si alguien tiene que entenderlo o hacer clic en \u00e9l. Si solo es decorativo, tienes algo m\u00e1s de libertad, pero procura no pasarte. Mezclar el significado de los iconos o confundir a las personas con iconos al azar es un error com\u00fan de experiencia de usuario que cometen las personas al dise\u00f1ar sus propias p\u00e1ginas web.<\/p>\n\n\n\n

Acompa\u00f1a el icono con texto si el significado no es 100% claro<\/strong>. No todo el contenido de tu web va a tener un icono que lo represente a la perfecci\u00f3n. Por ello, si crees que puede resultar confuso, es una buena idea a\u00f1adir un poco de texto al icono. Con ello, tambi\u00e9n lograr\u00e1s que personas con discapacidades que les impidan ver los iconos puedan acceder al contenido de tu web<\/a>. Lo m\u00e1s importante por tener en cuenta en cuesti\u00f3n de iconos es que est\u00e1n pensados para complementar tu contenido, no para sustituirlo.<\/p>\n\n\n\n

Prueba los iconos con los visitantes de tu p\u00e1gina web.<\/strong> Un icono que resulta obvio para ti puede no serlo tanto para otra persona. Por esta raz\u00f3n, siempre recomendamos hacer algunos test b\u00e1sicos de usabilidad con tu p\u00e1gina web<\/a>, lo que se traduce b\u00e1sicamente en conseguir algunos voluntarios para ver c\u00f3mo se manejan con tu web y ver si se quedan atascados o no entienden algo. Con esto sabr\u00e1s si las personas est\u00e1n comprendiendo tus se\u00f1ales correctamente.<\/p>\n\n\n\n

Mant\u00e9n la coherencia con tus iconos. <\/strong>Los iconos cumplen mejor su funci\u00f3n si tienen todos el mismo estilo. Esto es lo que les da el toque profesional y pulido. Por tanto, cuando emplees iconos en tu web, el tama\u00f1o, el color y el estilo deben ser los mismos para todos. (Por suerte, la mayor\u00eda de las plataformas de iconos ofrecen los iconos m\u00e1s utilizados en un set, por lo que no hay que estar buscando en diferentes partes ni mezclarlos). Y ten en cuenta la colocaci\u00f3n; es decir, si decides a\u00f1adir texto a la derecha, izquierda, abajo o arriba de los iconos, que sea siempre de la misma manera.<\/p>\n\n\n\n

No abuses de los iconos.<\/strong> Una vez que te das cuenta de lo f\u00e1cil que es utilizar un icono, puede resultar tentador ponerlos por toda tu p\u00e1gina web. Simplemente recuerda que, como en la mayor\u00eda de los casos, las cosas es mejor usarlas con moderaci\u00f3n. De lo contrario, tu web puede acabar siendo confusa y desorganizada.<\/p>\n\n\n\n

Tambi\u00e9n puedes crear tus propios iconos<\/h2>\n\n\n\n

Como hemos dicho antes, es mejor utilizar iconos que las personas ya conocen. Sin embargo, si no has encontrado el icono que estabas buscando en ninguna de las plataformas, puedes crear el tuyo propio. Aqu\u00ed te damos algunas ideas para ello:
<\/p>\n\n\n\n