Icono de diseño web
iconos gratuitos de diseño web
Un favicon (/ˈfæv.ɪˌkɒn/; abreviatura de icono favorito), también conocido como icono de acceso directo, icono de sitio web, icono de pestaña, icono de URL o icono de marcador, es un archivo que contiene uno o más iconos pequeños,[1] asociados a un sitio o página web en particular.[1][2] Un diseñador web puede crear un icono de este tipo y subirlo a un sitio (o página web) por varios medios, y los navegadores web gráficos lo utilizarán. [Los navegadores que admiten favicones suelen mostrarlos en la barra de direcciones del navegador (a veces también en el historial) y junto al nombre de la página en una lista de marcadores[3]. Los navegadores que admiten una interfaz de documentos con pestañas suelen mostrar el favicón de una página junto al título de la misma en la pestaña, y los navegadores específicos de un sitio utilizan el favicón como icono de escritorio[1].
En marzo de 1999, Microsoft lanzó Internet Explorer 5, que soportaba favicons por primera vez[4]. Originalmente, el favicon era un archivo llamado favicon.ico colocado en el directorio raíz de un sitio web. Se utilizaba en los favoritos de Internet Explorer (marcadores) y junto a la URL en la barra de direcciones si la página estaba marcada.[5][6][7][4] Un efecto secundario era que se podía estimar el número de visitantes que habían marcado la página mediante las peticiones del favicon. Este efecto secundario ya no funciona, ya que todos los navegadores modernos cargan el archivo favicon para mostrarlo en su barra de direcciones web, independientemente de si el sitio está marcado como favorito[6].
iconos de desarrollo web
Un icono es una pequeña imagen o símbolo que sirve como representación intuitiva del contenido de un sitio web. Por su tamaño condensado y su versatilidad, los iconos son una forma sencilla y eficaz de transmitir información de forma pictórica abreviada al usuario. Pueden cumplir estas funciones con mucha más eficacia que las palabras en la pantalla. Las imágenes icónicas se aplican a menudo a las ilustraciones y se han hecho inseparables de la tendencia del Flat Design. Cuando un icono forma parte de una interfaz, lo más habitual es ver el uso de fuentes de iconos o imágenes SVG escalables..
iconos y botones de diseño web
El diseño de iconos es el proceso de diseñar un símbolo gráfico que representa algún motivo, entidad o acción real, de fantasía o abstracta. En el contexto de las aplicaciones informáticas, un icono suele representar un programa, una función, unos datos o una colección de datos en un sistema informático.
Los diseños de los iconos pueden ser sencillos, con un dibujo plano bidimensional o una silueta negra, o complejos, presentando una combinación de elementos de diseño gráfico como uno o varios gradientes de color lineales y radiales, sombras proyectadas, sombras de contorno y efectos de perspectiva tridimensional.
Dado que los iconos informáticos pueden utilizarse en diferentes tamaños, el diseño de iconos implica la creación de ilustraciones maestras, normalmente para el mayor tamaño utilizado, y la producción de tamaños más pequeños a partir de ellas. Es conveniente respetar el estilo general del conjunto de iconos, utilizando la misma paleta de colores, la misma perspectiva y las mismas representaciones para todos los iconos. Se presta especial atención a la eliminación de detalles innecesarios y a la alineación de los trazos y objetos con los píxeles en los tamaños de iconos pequeños para evitar imágenes desordenadas y borrosas.
El diseño de un sitio web no está completo sin un conjunto de iconos. Todos los sitios web que vemos hoy en día incluyen al menos unos cuantos iconos. Estos iconos ofrecen una gran manera de añadir más estilo al diseño y atraer rápidamente la atención de los visitantes. Incluso nuestro propio diseño del sitio web Onextrapixel utiliza un conjunto de iconos para los enlaces de las redes sociales.
Font Awesome es una de las fuentes de iconos más populares que la mayoría de los diseñadores web utilizan para diseñar sitios web y aplicaciones. Sin embargo, su popularidad ha hecho que sus iconos sean demasiado ordinarios. La gente ya ni siquiera se fija en esos iconos.
Si quieres que los diseños de tu sitio web sean únicos y destaquen, necesitas encontrar iconos únicos para tu diseño. En este artículo, mostramos algunos de los mejores conjuntos de iconos gratuitos que puedes encontrar en Internet. Comprueba si puedes encontrar uno que se adapte a tu diseño.
Instalar los iconos CSS es fácil. Sólo tienes que copiar el paquete de iconos en los archivos de activos de tu sitio web e incluir la biblioteca de iconos en la sección <head>. Para los conjuntos de iconos PNG y SVG, tendrás que cambiar el tamaño y copiar cada icono en la carpeta de imágenes de tu sitio web y enlazarlos en las partes específicas del diseño de tu sitio web.