En informática , un icono es un símbolo gráfico que se muestra en la pantalla de un ordenador para ayudar al usuario a navegar por el sistema . [ 1 ] También puede ser un icono de hardware. Puede funcionar como un hipervínculo electrónico o un acceso directo a un archivo para acceder al programa o a los datos. El usuario puede activar un icono mediante el ratón , el puntero , el dedo o comandos de voz . Su ubicación en la pantalla, también en relación con otros iconos, puede proporcionar al usuario información adicional sobre su uso. [ 2 ] Al activar un icono, el usuario puede entrar y salir directamente de la función identificada sin necesidad de conocer la ubicación ni los requisitos del archivo o del código.
Los iconos, como parte de la interfaz gráfica de usuario de un sistema informático, junto con las ventanas , los menús y el dispositivo señalador (ratón), pertenecen al tema mucho más amplio de la historia de la interfaz gráfica de usuario , que ha sustituido en gran medida a la interfaz basada en texto para el uso cotidiano.
Descripción general
La definición informática de icono puede incluir tres elementos semióticos distintos:
- Icono , que se asemeja a su referente (como una señal de tráfico que advierte de la caída de rocas). Esta categoría incluye dibujos estilizados de objetos del entorno de oficina o de otros ámbitos profesionales, como impresoras, tijeras, archivadores y carpetas.
- Índice , que se asocia con su referente (el humo es un signo de fuego). Esta categoría incluye dibujos estilizados que se utilizan para referirse a las acciones " impresora " e "imprimir", " tijeras " y " cortar " o " lupa " y "buscar".
- Símbolo , que se relaciona con su referente únicamente por convención (letras, notación musical, operadores matemáticos, etc.). Esta categoría incluye símbolos estandarizados que se encuentran en muchos dispositivos electrónicos , como el símbolo de encendido/apagado y el icono USB. [ 3 ]
La mayoría de los iconos se codifican y decodifican utilizando metonimia , sinécdoque y metáfora .

Un ejemplo de representación metafórica caracteriza a todos los principales sistemas informáticos de escritorio, incluido el escritorio que utiliza una representación icónica de objetos del entorno de oficina de la década de 1980 para transponer atributos de un contexto/objeto familiar a uno desconocido. Esto se conoce como esqueuomorfismo , y un ejemplo es el uso del disquete para representar el guardado de datos; aunque los disquetes están obsoletos desde hace aproximadamente un cuarto de siglo, todavía se reconoce como el icono de guardar. [ 4 ]
La metonimia es en sí misma un subconjunto de las metáforas que utilizan una entidad para señalar otra relacionada con ella, como por ejemplo, usar una bombilla fluorescente en lugar de una incandescente para representar la configuración de ahorro de energía.
La sinécdoque se considera un caso especial de metonimia, en el sentido habitual de que la parte representa el todo, como un solo componente para todo el sistema, el controlador del altavoz para toda la configuración del sistema de audio. [ 5 ]
El diseño de todos los iconos de ordenador está condicionado por las limitaciones de la pantalla del dispositivo. Su tamaño es limitado, siendo el tamaño estándar de una miniatura tanto para ordenadores de escritorio como para dispositivos móviles. Suelen ser escalables, ya que se muestran en diferentes posiciones en el software. Un único archivo de icono, como el formato de imagen de icono de Apple, puede incluir varias versiones del mismo icono optimizadas para funcionar en distintos tamaños, en color o en escala de grises, así como sobre fondos oscuros y claros. [ 6 ] [ 7 ]
Tipos
Símbolos estandarizados de dispositivos eléctricos


Una serie de iconos informáticos recurrentes se toman del campo más amplio de símbolos estandarizados utilizados en una amplia gama de equipos eléctricos. Ejemplos de estos son el símbolo de encendido y el icono USB, que se encuentran en una gran variedad de dispositivos electrónicos. La estandarización de los iconos electrónicos es una importante medida de seguridad en todo tipo de dispositivos electrónicos, ya que permite al usuario navegar más fácilmente por un sistema desconocido. Como subconjunto de dispositivos electrónicos, los sistemas informáticos y los dispositivos móviles utilizan muchos de los mismos iconos; estos se incorporan al diseño tanto del hardware como del software. En el hardware, estos iconos identifican la funcionalidad de botones y conectores específicos. [ 8 ] En el software, proporcionan un enlace a la configuración personalizable. [ 9 ]
Los iconos de advertencia del sistema también pertenecen al ámbito más amplio de las señales de advertencia estándar ISO. Estos iconos, diseñados inicialmente para regular el tráfico automovilístico a principios del siglo XX, se han estandarizado y son ampliamente comprendidos por los usuarios sin necesidad de explicaciones verbales adicionales. Al diseñar sistemas operativos de software, diferentes empresas han incorporado y definido estos símbolos estándar como parte de su interfaz gráfica de usuario. Por ejemplo, Microsoft MSDN [ 10 ] define el uso estándar de iconos de error, advertencia, información e interrogación como parte de sus directrices de desarrollo de software. [ 11 ]
Diversas organizaciones participan activamente en la estandarización de estos iconos, así como en la elaboración de directrices para su creación y uso. La Comisión Electrotécnica Internacional (IEC) ha definido los "Símbolos gráficos para su uso en equipos", publicados como IEC 417, un documento que muestra los iconos estandarizados por la IEC. Otra organización comprometida con la promoción del uso eficaz de los iconos es la de las TIC (tecnologías de la información y la comunicación), que ha publicado directrices para su creación y uso. [ 2 ] Muchos de estos iconos están disponibles en Internet, ya sea para su compra o como software gratuito para su incorporación en nuevos programas.
Iconos metafóricos
Un icono es un significante que apunta al significado . Los iconos fácilmente comprensibles utilizan metáforas visuales familiares directamente relacionadas con el significado : acciones que el icono inicia o el contenido que revela. Las metáforas , la metonimia y la sinécdoque se emplean para codificar el significado en un sistema de iconos.
El significado puede tener múltiples naturalezas: objetos virtuales como archivos y aplicaciones , acciones dentro de un sistema o una aplicación (por ejemplo, tomar una foto, eliminar, rebobinar, conectar/desconectar, etc.), acciones en el mundo físico (por ejemplo, imprimir, expulsar un DVD, cambiar el volumen o el brillo, etc.), así como objetos físicos (por ejemplo , monitor , disco compacto , ratón , impresora , etc.).
La metáfora del escritorio
Un subgrupo de los iconos más ricos visualmente se basa en objetos extraídos de un espacio de oficina físico y un entorno de escritorio de la década de 1970. Incluye los iconos básicos utilizados para un archivo, carpeta, papelera y bandeja de entrada, junto con el espacio físico de la pantalla, es decir, el escritorio electrónico. Este modelo permitió originalmente a los usuarios, familiarizados con las prácticas y funciones comunes de la oficina, navegar intuitivamente por el escritorio y el sistema informático. (Metáfora del escritorio, pág. 2). Los iconos representan objetos o funciones accesibles en el sistema y permiten al usuario realizar tareas comunes en un espacio de oficina. Estos iconos de escritorio se desarrollaron a lo largo de varias décadas: los archivos de datos en la década de 1950, el sistema de almacenamiento jerárquico (es decir, la carpeta y el archivador) en la década de 1960 y, finalmente, la propia metáfora del escritorio (incluida la papelera) en la década de 1970. [ 12 ]
David Canfield Smith asoció el término "icono" con la informática en su tesis doctoral de 1975, "Pygmalion: A Creative Programming Environment". [ 13 ] [ 14 ] Imaginó un escenario en el que "entidades visuales", llamadas iconos, podrían ejecutar líneas de código de programación y guardar la operación para su posterior ejecución. [ 15 ] Posteriormente, Smith fue uno de los principales diseñadores de la Xerox Star , que se convirtió en el primer sistema informático personal disponible comercialmente basado en la metáfora del escritorio cuando se lanzó en 1981. "Los iconos en [el escritorio] son representaciones concretas y visibles de los objetos físicos correspondientes". [ 16 ] El escritorio y los iconos mostrados en este primer modelo de escritorio son fácilmente reconocibles por los usuarios varias décadas después y muestran los componentes principales de la interfaz gráfica de usuario (GUI) de la metáfora del escritorio.
Este modelo de la metáfora del escritorio fue adoptado por la mayoría de los sistemas informáticos personales en las últimas décadas del siglo XX; sigue siendo popular como una "navegación simple e intuitiva por un solo usuario en un solo sistema". [ 12 ] Es solo a principios del siglo XXI que la informática personal está desarrollando una nueva metáfora basada en la conectividad a Internet y los equipos de usuarios: la computación en la nube . En este nuevo modelo, los datos y las herramientas ya no se almacenan en un solo sistema, sino que se almacenan en otro lugar, "en la nube". La metáfora de la nube está reemplazando al modelo de escritorio; queda por ver cuántos de los iconos comunes del escritorio (archivo, carpeta, papelera, bandeja de entrada, archivador) encuentran un lugar en esta nueva metáfora.
Iconos de marca para software comercial
Otro tipo de icono informático está más relacionado con la identidad de marca de los programas de software disponibles en el sistema. Estos iconos de marca se incluyen con el producto y se instalan en el sistema junto con el software. Funcionan de la misma manera que los iconos de hipervínculo descritos anteriormente, representando la funcionalidad accesible en el sistema y proporcionando enlaces a un programa de software o a un archivo de datos. Además, actúan como identificador de la empresa y como elemento publicitario del software o de la empresa. [ 17 ]
Dado que estos logotipos de la empresa y del programa representan a la propia compañía y al producto, se presta mucha atención a su diseño, realizado frecuentemente por artistas comerciales. Para regular el uso de estos iconos de marca, están registrados como marcas comerciales y se consideran parte de la propiedad intelectual de la empresa.
En sistemas cerrados como iOS y Android , el uso de iconos está regulado o guiado hasta cierto punto [ 18 ] para crear una sensación de coherencia en la interfaz de usuario .
Iconos superpuestos
En algunos sistemas de interfaz gráfica de usuario (por ejemplo, Windows), un subsistema adicional puede añadir un icono secundario más pequeño, superpuesto al icono principal y generalmente ubicado en una de sus esquinas, para indicar el estado del objeto representado por el icono principal. Por ejemplo, el subsistema para bloquear archivos puede añadir un icono de candado superpuesto al icono de un archivo para indicar que este está bloqueado.
Creación de iconos
Debido a los requisitos de diseño, la creación de iconos puede ser un proceso largo y costoso. En internet se puede encontrar una gran cantidad de herramientas para crear iconos, desde herramientas profesionales hasta utilidades incluidas en programas de desarrollo de software y programas gratuitos independientes. [ 19 ] Dada esta amplia disponibilidad de herramientas y conjuntos de iconos, puede surgir un problema con los iconos personalizados cuyo estilo no coincide con el de los demás iconos incluidos en el sistema.
Herramientas
Los iconos experimentaron un cambio de apariencia, pasando del pixel art de 8 bits utilizado antes del año 2000 a una apariencia más fotorrealista con efectos como suavizado, nitidez, mejora de bordes, una apariencia brillante o similar al vidrio, o sombras paralelas que se renderizan con un canal alfa .
Los editores de iconos utilizados en estas plataformas antiguas suelen incluir un editor de imágenes rasterizadas rudimentario , capaz de modificar las imágenes de un icono píxel a píxel, mediante herramientas de dibujo sencillas o la aplicación de filtros de imagen simples. Los diseñadores de iconos profesionales rara vez modifican los iconos dentro de un editor de iconos y, en su lugar, utilizan aplicaciones de dibujo o modelado 3D más avanzadas.
La función principal de un editor de iconos es la generación de iconos a partir de imágenes. Un editor de iconos remuestrea una imagen de origen a la resolución y profundidad de color requeridas para un icono. Otras funciones que realizan los editores de iconos son la extracción de iconos de archivos ejecutables (exe, dll), la creación de bibliotecas de iconos o el guardado de imágenes individuales de un icono.
Todos los editores de iconos pueden crear iconos para archivos del sistema (carpetas, archivos de texto, etc.) y para páginas web. Estos tienen una extensión de archivo .ICO para Windows y páginas web o .ICNS para Macintosh. Si el editor también puede crear un cursor, la imagen se puede guardar con una extensión de archivo .CUR o .ANI para Windows y Macintosh. Usar un nuevo icono es tan simple como mover la imagen a la carpeta de archivos correcta y usar las herramientas del sistema para seleccionar el icono. En Windows XP, podías ir a Mi PC, abrir Herramientas en la ventana del explorador, elegir Opciones de carpeta, luego Tipos de archivo, seleccionar un tipo de archivo, hacer clic en Avanzado y seleccionar un icono para asociarlo con ese tipo de archivo.
Los desarrolladores también utilizan editores de iconos para crear iconos para archivos de programa específicos. La asignación de un icono a un programa recién creado se suele realizar dentro del Entorno de Desarrollo Integrado (EDI) utilizado para desarrollar dicho programa. Sin embargo, si se está creando una aplicación en la API de Windows, basta con añadir una línea al script de recursos del programa antes de la compilación. Muchos editores de iconos pueden copiar un icono único de un archivo de programa para su edición. Solo unos pocos pueden asignar un icono a un archivo de programa, una tarea mucho más compleja. También existen herramientas de edición de recursos que permiten a los usuarios extraer o reemplazar iconos incrustados en archivos ejecutables de Windows, como Resource Hacker o Resource Tuner .
También se pueden encontrar en línea, como aplicaciones web , editores de iconos sencillos y convertidores de imágenes a iconos .
Lista de herramientas
Esta es una lista de programas de iconos de ordenador destacados.
- Axialis IconWorkshop : compatible con iconos de Windows y Mac. (Comercial, Windows)
- IcoFX – Editor de iconos compatible con iconos de Windows Vista y Macintosh con compresión PNG (Comercial, Windows)
- IconBuilder – Complemento para Photoshop; enfocado en Mac. (Comercial, Windows/Mac)
- Microangelo Toolset : un conjunto de herramientas (Studio, Explorer, Librarian, Animator, On Display) para editar iconos y cursores de Windows. (Comercial, Windows)
- Microsoft Visual Studio : puede crear archivos ICO/CUR , pero no puede editar marcos de iconos de 32 bits con transparencia de 8 bits. [ 20 ] (Comercial, Windows)
A continuación se muestra una lista de aplicaciones de gráficos rasterizados capaces de crear y editar iconos:
- GIMP – Editor de imágenes. Permite leer y escribir archivos ICO/CUR / ANI de Windows y archivos PNG que se pueden convertir a archivos .icns de Mac . ( Código abierto , software libre , multiplataforma ).
- ImageMagick y GraphicsMagick : Conversión y generación de imágenes mediante línea de comandos que permiten crear archivos ICO de Windows y archivos PNG que se pueden convertir a archivos .ICNS de Mac . ( Software de código abierto , software libre , multiplataforma )
- IrfanView : Permite convertir formatos de archivos gráficos a archivos ICO de Windows. (Software propietario, gratuito para uso no comercial, Windows)
- ResEdit : Permite crear recursos de iconos clásicos de Mac OS . (Software propietario, descontinuado, compatible con Mac OS clásico)
Véase también
Referencias
- ↑ "Definición de ICONO" . www.merriam-webster.com . 19 de febrero de 2026. Consultado el 21 de febrero de 2026 .
- 1 2 " Pictogramas, iconos y símbolos de las TIC , 10 de mayo de 2011" . Archivado del original el 1 de agosto de 2013. Recuperado el 1 de junio de 2011 .
- ↑ "Icono | semiótica | Britannica" . Enciclopedia Británica . Archivado del original el 3 de abril de 2025. Consultado el 20 de febrero de 2026 .
- ↑ "¿Qué es el esqueuomorfismo?" . The Interaction Design Foundation . Consultado el 20 de febrero de 2026 .
- ↑ j. dubois; F. edeline; jm klinkenberg; pag. minguet; F. pire; h. trinon (1970). retórica general . Archivo de Internet.
- ↑ "Iconos de aplicaciones" . Documentación para desarrolladores de Apple . Consultado el 20 de febrero de 2026 .
- ↑ "Iconos – Material Design 3" . Material Design . Consultado el 20 de febrero de 2026 .
- ↑ "Saad Raja - 7 consejos para el diseño de UI" . saadraja.co . Archivado del original el 6 de diciembre de 2017. Consultado el 5 de diciembre de 2017 .
- ↑ " Etiquetado de interruptores de encendido para dispositivos médicos y otros dispositivos , 10 de mayo de 2011" (PDF) . Archivado del original (PDF) el 27 de septiembre de 2011. Consultado el 1 de junio de 2011 .
- ↑ windows-sdk-content (9 de febrero de 2021). "Iconos estándar - Aplicaciones de Windows" . docs.microsoft.com .
- ↑ " Iconos estándar de MSDN , 10 de mayo de 2011" .
- 1 2 Victor Kaptelinin y Mary Czerwinski (2007). «Introducción: La metáfora del escritorio y los nuevos usos de la tecnología», pág. 2 y ss. en «Más allá de la metáfora del escritorio: Diseño de entornos de trabajo digitales integrados». MIT Press, Cambridge, Massachusetts.
- ↑ "Pygmalion: Un entorno de programación creativa" (PDF) . worrydream.com .
- ↑ "Conferencia 6: Conferencia invitada (David Canfield Smith)" – vía scs.hosted.panopto.com.
- ↑ "Pigmalión" . acypher.com .
- ↑ "Guía > Artículos > "Diseño de la interfaz de usuario Star"" . guidebookgallery.org .
- ↑ Rudolph Arnheim (1969). "Imágenes, símbolos y signos", págs. 144 y siguientes, en Handa, Retórica visual en un mundo digital . Bedford / St. Martins, Boston.
- ↑ "Iconos personalizados - Iconos e imágenes - iOS - Directrices de interfaz humana - Apple Developer" . developer.apple.com .
- ↑ " Personalización del escritorio de Open Dictionary: iconos , 10 de mayo de 2011" .
- ↑ "Editores de recursos - Editor de imágenes para iconos (C++)" . Microsoft Learn . 11 de noviembre de 2021. Consultado el 29 de noviembre de 2022 .
Lecturas adicionales
- Wolf, Alecia. 2000. "Expresión emocional en línea: diferencias de género en el uso de emoticonos"
- Katz, James E., editor (2008). Manual de estudios de comunicación móvil . MIT Press, Cambridge, Massachusetts.
- Levine, Philip y Scollon, Ron, editores (2004). Discurso y tecnología: Análisis del discurso multimodal . Georgetown University Press, Washington, DC.
- Abdullah, Rayan y Huebner, Roger (2006). Pictogramas, iconos y signos: una guía para los gráficos informativos . Thames & Hudson, Londres.
- Handa, Carolyn (2004). Retórica visual en un mundo digital: un libro de referencia crítico . Bedford / St. Martins, Boston.
- Zenon W. Pylyshyn y Liam J. Bannon (1989). Perspectivas sobre la revolución informática . Ablex, Nueva York.
Enlaces externos
Contenido multimedia relacionado con iconos de software en Wikimedia Commons
- iconos de computadora
- Elementos de la interfaz gráfica de usuario
- Pictogramas