727:, are used in computer text to convey information in a non-verbal binary shorthand, frequently involving the emotional context of the message. These icons were first developed for computers in the 1980s as a response to the limited storage and transmission bandwidth used in electronic messaging. Since then they have become both abundant and more sophisticated in their keyboard representations of varying emotions. They have developed from keyboard character combinations into real icons. They are widely used in all forms of electronic communications, always with the goal of adding context to the verbal content of the message. In adding an emotional overlay to the text, they have also enabled electronic messages to substitute for and frequently supplant voice-to-voice messaging.
235:
707:
control widgets are scroll bars, sliders, listboxes and buttons used in many programs. Using these widgets, a user is able to define and manipulate the data and the display for the software program they are working with. The first set of computer widgets was originally developed for the Xerox Alto. Now they are commonly bundled in widget toolkits and distributed as part of a development package. These control widgets are standardized pictograms used in the graphical interface, they offer an expanded set of user functionalities beyond the hyperlink function of computer icons.
658:. In contrast to static icons and icons with animated graphics, kinetic behaviors do not alter the visual content of an element (whereas fades, blurs, tints, and addition of new graphics, such as badges, exclusively alter an icon's pixels). Stated differently, pixels in an icon can be moved, rotated, stretched, and so on - but not altered or added to. Research has shown iconographic motion can act as a powerful and reliable visual cue, a critical property for icons to embody.
493:
originally enabled users, familiar with common office practices and functions, to intuitively navigate the computer desktop and system. (Desktop
Metaphor, pg 2). The icons stand for objects or functions accessible on the system and enable the user to do tasks common to an office space. These desktop computer icons developed over several decades; data files in the 1950s, the hierarchical storage system (i.e. the file folder and filing cabinet) in the 1960s, and finally the
36:
370:
1598:
45:
174:
508:, which became the first commercially available personal computing system based on the desktop metaphor when it was released in 1981. "The icons on are visible concrete embodiments of the corresponding physical objects." The desktop and icons displayed in this first desktop model are easily recognizable by users several decades later, and display the main components of the desktop metaphor GUI.
159:
54:
641:
while retaining an attractive shape in the larger sizes. In addition to scaling, it may be necessary to remove visual details or simplify the subject between discrete sizes. Larger icons serve also as part of the accessibility features for the visually impaired on many computer systems. The width and height of the icon are the same (1:1
516:. In this new model, data and tools are no longer stored on the single system, instead they are stored someplace else, "in the cloud". The cloud metaphor is replacing the desktop model; it remains to be seen how many of the common desktop icons (file, file folder, trashcan, inbox, filing cabinet) find a place in this new metaphor.
417:
standardized icons. Another organization invested in the promotion of effective icon usage is the ICT (information and communications technologies), which has published guidelines for the creation and use of icons. Many of these icons are available on the
Internet, either to purchase or as freeware to incorporate into new software.
413:
software operating systems, different companies have incorporated and defined these standard symbols as part of their graphical user interface. For example, the
Microsoft MSDN defines the standard icon use of error, warning, information and question mark icons as part of their software development guidelines.
123:. Their placement on the screen, also in relation to other icons, may provide further information to the user about their usage. In activating an icon, the user can move directly into and out of the identified function without knowing anything further about the location or requirements of the file or code.
776:
The main function performed by an icon editor is generation of icons from images. An icon editor resamples a source image to the resolution and color depth required for an icon. Other functions performed by icon editors are icon extraction from executable files (exe, dll), creation of icon libraries,
748:
Because of the design requirements, icon creation can be a time-consuming and costly process. There are a plethora of icon creation tools to be found on the
Internet, ranging from professional level tools through utilities bundled with software development programs to stand-alone freeware. Given this
730:
These emoticons are very different from the icon hyperlinks described above. They do not serve as links, and are not part of any system function or computer software. Instead they are part of the communication language of users across systems. For these computer icons, customization and modifications
653:
Icons can also be augmented with iconographic motion - geometric manipulations applied to a graphical element over time, for example, a scale, rotation, or other deformation. One example is when application icons "wobble" in iOS to convey to the user they are able to be repositioned by being dragged.
610:
have typically gone through widespread international acceptance and understandability testing. Icon design factors have also been the topic for extensive usability studies. The design itself involves a high level of skill in combining an attractive graphic design with the required usability features.
503:
associated the term "icon" with computing in his landmark 1975 PhD thesis "Pygmalion: A Creative
Programming Environment". In his work, Dr. Smith envisioned a scenario in which "visual entities", called icons, could execute lines of programming code, and save the operation for later re-execution. Dr.
796:
for both
Windows and the Macintosh. Using a new icon is simply a matter of moving the image into the correct file folder and using the system tools to select the icon. In Windows XP you could go to My Computer, open Tools on the explorer window, choose Folder Options, then File Types, select a file
618:
The icon needs to be clear and easily recognizable, able to display on monitors of widely varying size and resolutions. Its shape should be simple with clean lines, without too much detailing in the design. Together with the other design details, the shape also needs to make it unique on the display
572:
In order to display the number of icons representing the growing complexity offered on a device, different systems have come up with different solutions for screen space management. The computer monitor continues to display primary icons on the main page or desktop, allowing easy and quick access to
563:
On some GUI systems (e.g. Windows), on an icon which represents an object (e.g. a file) a certain additional subsystem can add a smaller secondary icon, laid over the primary icon and usually positioned in one of its corners, to indicate the status of the object which is represented with the primary
511:
This model of the desktop metaphor has been adopted by most personal computing systems in the last decades of the 20th century; it remains popular as a "simple intuitive navigation by single user on single system." It is only at the beginning of the 21st century that personal computing is evolving a
740:
Hyperlinks differ from functional computer icons in that they are normally embedded in text, whereas icons are displayed as stand-alone on the screen real estate. They are also displayed in text, either as the link itself or a friendly name, whereas icons are defined as being primarily non-textual.
693:
The graphical windows on the computer screen share some of the visual and functional characteristics of the computer icon. Windows can be minimized to an icon format to serve as a hyperlink to the window itself. Multiple windows can be open and even overlapping on the screen. However where the icon
640:
device. For individual devices the display size correlates directly to the size of the screen real estate and the resolution of the display. Because they are used in multiple locations on the screen, the design must remain recognizable at the smallest size, for use in a directory tree or title bar,
408:
and the USB icon, which are found on a wide variety of electronic devices. The standardization of electronic icons is an important safety-feature on all types of electronics, enabling a user to more easily navigate an unfamiliar system. As a subset of electronic devices, computer systems and mobile
584:
Spatial management techniques play a bigger role in mobile devices with their much smaller screen real estate. In response, mobile devices have introduced, among other visual devices, scrolling screen displays and selectable tabs displaying groups of related icons. Even with these evolving display
706:
have gradually appeared which are useful in many contexts. These are graphical controls which are used across computer systems and can be intuitively manipulated by the user even in a new context because the user recognises them from having seen them in a more familiar context. Examples of these
666:
In its primary function as a symbolic image, the icon design should ideally be divorced from any single language. For products which are targeting the international marketplace, the primary design consideration is that the icon is non-verbal; localizing text in icons is costly and time-consuming.
609:
In order to maintain consistency in the look of a device, OS manufacturers offer detailed guidelines for the development and use of icons on their systems. This is true for both standard system icons and third party application icons to be included in the system. The system icons currently in use
588:
Above all, the icon itself must remain clearly identifiable on the display screen regardless of its position and size. Programs might display their icon not only as a desktop hyperlink, but also in the program title bar, on the Start menu, in the
Microsoft tray or the Apple dock. In each of these
528:
identity of the software programs available on the computer system. These brand icons are bundled with their product and installed on a system with the software. They function in the same way as the hyperlink icons described above, representing functionality accessible on the system and providing
492:
A subgroup of the more visually rich icons is based on objects lifted from a 1970 physical office space and desktop environment. It includes the basic icons used for a file, file folder, trashcan, inbox, together with the spatial real estate of the screen, i.e. the electronic desktop. This model
675:
Beyond text, there are other design elements which can be dependent upon the cultural context for interpretation. These include color, numbers, symbols, body parts and hand gestures. Each of these elements needs to be evaluated for their meaning and relevance across all markets targeted by the
627:
The icon needs to be colorful enough to easily pick out on the display screen, and contrast well with any background. With the increasing ability to customize the desktop, it is important for the icon itself to display in a standard color which cannot be modified, retaining its characteristic
416:
Different organizations are actively involved in standardizing these icons, as well as providing guidelines for their creation and use. The
International Electrotechnical Commission (IEC) has defined "Graphical symbols for use on equipment", published as IEC 417, a document which displays IEC
412:
System warning icons also belong to the broader area of ISO standard warning signs. These warning icons, first designed to regulate automobile traffic in the early 1900s, have become standardized and widely understood by users without the necessity of further verbal explanations. In designing
739:
A text hyperlink performs much the same function as the functional computer icon: it provides a direct link to some function or data available on the system. Although they can be customized, these text hyperlinks generally share a standardized recognizable format, blue text with underlining.
344:
The colors used, for both the image and the icon background, should stand out on different system backgrounds and among each other. The detailing of the icon image needs to be simple, remaining recognizable in varying graphical resolutions and screen sizes. Computer icons are by definition
409:
devices use many of the same icons; they are corporated into the design of both the computer hardware and on the software. On the hardware, these icons identify the functionality of specific buttons and plugs. In the software, they provide a link into the customizable settings.
573:
the most commonly used functions for a user. This screen space also invites almost immediate user customization, as the user adds favourite icons to the screen and groups related icons together on the screen. Secondary icons of system programs are also displayed on the
772:
capable of modifying images of an icon pixel by pixel, by using simple drawing tools, or by applying simple image filters. Professional icon designers seldom modify icons inside an icon editor and use a more advanced drawing or 3D modeling application instead.
684:
Other graphical devices used in the computer user interface fulfill GUI functions on the system similar to the computer icons described above. However each of these related graphical devices differs in one way or another from the standard computer icon.
352:
Because of their condensed size and versatility, computer icons have become a mainstay of user interaction with electronic media. Icons also provide rapid entry into the system functionality. On most systems, users can create and delete, replicate,
808:
he or she can simply add a line to the program's resource script before compilation. Many icon editors can copy a unique icon from a program file for editing. Only a few can assign an icon to a program file, a much more difficult task.
468:, actions within a system or an application (e.g. snap a picture, delete, rewind, connect/disconnect etc...), action in the physical world (e.g. print, eject DVD, change volume or brightness etc...) as well as physical objects (e.g.
1224:
Victor
Kaptelinin and Mary Czerwinski (2007). "Introduction: The Desktop Metaphor and New Uses of Technology ", pg 2 ff. in "Beyond the Desktop Metaphor: Designing Integrated Digital Work Environments". MIT Press, Cambridge,
345:
language-independent but often not culturally independent; they do not rely on letters or words to convey their meaning. These visual parameters place rigid limits on the design of icons, frequently requiring the skills of a
589:
locations, the primary purpose is to identify and advertise the program and functionality available. This need for recognition in turn sets specific design restrictions on effective computer icons.
310:
of a company or software. These commercial icons serve as functional links on the system to the program or data files created by a specific software provider. Although icons are usually depicted in
628:
appearance for immediate recognition by the user. Through color it should also provide some visual indicator as to the icon state; activated, available or currently not accessible ("greyed out").
761:
used pre-2000 to a more photorealistic appearance featuring effects such as softening, sharpening, edge enhancement, a glossy or glass-like appearance, or drop shadows which are rendered with an
1050:
598:
267:
that uses an iconic representation of objects from the 1980s office environment to transpose attributes from a familiar context/object to an unfamiliar one. This is known as
536:
represent the company and product itself, much attention is given to their design, done frequently by commercial artists. To regulate the use of these brand icons, they are
404:
A series of recurring computer icons are taken from the broader field of standardized symbols used across a wide range of electrical equipment. Examples of these are the
694:
provides a single button to initiate some function, the principal function of the window is a workspace, which can be minimized to an icon hyperlink when not in use.
564:
icon. For instance, the subsystem for locking files can add a "padlock" overlay icon on an icon which represents a file in order to indicate that the file is locked.
749:
wide availability of icon tools and icon sets, a problem can arise with custom icons which are mismatched in style to the other icons included on the system.
341:
can include multiple versions of the same icon optimized to work at a different size, in colour or grayscale as well as on dark and bright backgrounds.
800:
Developers also use icon editors to make icons for specific program files. Assignment of an icon to a newly created program is usually done within the
337:
systems and mobile devices. They are frequently scalable, as they are displayed in different positions in the software, a single icon file such as the
1431:
Harrison, C., Hsieh, G., Willis, K. D. D., Forlizzi, J. and Hudson, S. E. "Kineticons: Using
Iconographic Motion in Graphical User Interface Design. "
329:
The design of all computer icons is constricted by the limitations of the device display. They are limited in size, with the standard size of about a
291:
is considered as a special case of metonymy, in the usual sense of the part standing for the whole such as a single component for the entire system,
529:
links to either a software program or data file. Over and beyond this, they act as a company identifier and advertiser for the software or company.
581:. These secondary icons do not provide a link like the primary icons, instead, they are used to show availability of a tool or file on the system.
391:
was ubiquitous for data storage in the late 20th century, and still continues to be used to represent the save function. This is an example of a
1336:
Pamela Ravasio and Vincent Tscherter (2007). "User' Theories of the Desktop Metaphor, or Why we should seek Metaphor-Free Interfaces", pg 270 ff
275:
to represent saving data; even though floppy disks have been obsolete for roughly a quarter century, it is still recognized as "the save icon".
1064:
1093:
188:
drawings of objects from the office environment or from other professional areas such as printers, scissors, file cabinets and folders.
2113:
2052:
1433:. In Proceedings of the 29th Annual SIGCHI Conference on Human Factors in Computing Systems. CHI '11. ACM, New York, NY. 1999-2008.
1346:
1319:
1256:
1147:
855:– a set of tools (Studio, Explorer, Librarian, Animator, On Display) for editing Windows icons and cursors. (Commercial, Windows)
780:
All icon editors can make icons for system files (folders, text files, etc.), and for web pages. These have a file extension of .
143:
1639:
801:
944:– Support converting graphic file formats into Windows ICO files. (Proprietary, free for non-commercial use, Windows)
1602:
1505:
1394:
220:, which is related to its referent only by convention (letters, musical notation, mathematical operators etc.).
191:
636:
The standard icon is generally the size of an adult thumb, enabling both easy visual recognition and use in a
1370:
17:
825:
789:
781:
788:
for the Macintosh. If the editor can also make a cursor, the image can be saved with a file extension of .
1417:
Shih-Miao Huang, Kong-King Shieh, Chai-Fen Chi (2002). "Factors affecting the design of computer icons".
1184:
281:
is in itself a subset of metaphors that use one entity to point to another related to it such as using a
974:
548:
354:
1288:
1912:
1632:
1608:
919:
885:
843:– Icon editor supporting Windows Vista and Macintosh icons with PNG compression (Commercial, Windows)
315:
62:
437:. Easily comprehendible icons will make use of familiar visual metaphors directly connected to the
311:
127:
2108:
2087:
1523:
969:
923:
889:
338:
551:, the use of icons is to a degree regulated or guided to create a sense of consistency in the
119:
to access the program or data. The user can activate an icon using a mouse, pointer, finger, or
1892:
1738:
184:, which resembles its referent (such as a road sign for falling rocks). This category includes
1430:
869:
The following is a list of raster graphic applications capable of creating and editing icons:
302:
Additionally, a group of icons can be categorised as brand icons, used to identify commercial
1970:
1101:
1474:
1625:
927:
893:
834:
642:
500:
465:
147:
585:
systems, the icons themselves remain relatively constant in both appearance and function.
194:, which is associated with its referent (smoke is a sign of fire). This category includes
8:
2118:
1861:
1851:
1773:
852:
769:
481:
199:
1202:
1158:
263:
representation characterizes all the major desktop-based computer systems including the
1997:
1937:
1922:
1829:
1804:
1768:
1667:
1235:
1004:
865:
files but cannot edit 32-bit icon frames with 8-bit transparency. (Commercial, Windows)
131:
1320:"Custom Icons - Icons and Images - iOS - Human Interface Guidelines - Apple Developer"
234:
1942:
1897:
1662:
989:
915:
881:
877:
862:
793:
224:
1270:
2082:
2021:
2006:
1687:
1682:
1648:
1024:
1014:
785:
578:
494:
469:
334:
303:
282:
211:
135:
1985:
1927:
1882:
1819:
1799:
1019:
813:
797:
type, click on Advanced and select an icon to be associated with that file type.
513:
139:
92:
88:
1551:
Wolf, Alecia. 2000. "Emotional Expression Online: Gender Differences in Emoticon
804:
used to develop that program. However, if one is creating an application in the
2077:
2057:
2031:
1980:
1824:
1677:
951:
935:
911:
901:
552:
477:
346:
307:
292:
812:
Simple icon editors and image-to-icon converters are also available online as
2102:
2062:
1917:
1839:
1617:
1305:
Rudolph Arnheim (1969). "Pictures, Symbols and Signs", pg 144 ff. in Handa,
1009:
955:
931:
897:
858:
762:
461:
361:
them to new positions on the screen to create a customized user environment.
358:
268:
120:
116:
914:– Command Line image conversion & generation that can be used to create
2026:
1834:
1794:
1753:
1748:
1723:
1713:
1672:
1123:
1060:
1055:
984:
720:
540:
registered and are considered part of the company's intellectual property.
473:
405:
296:
260:
238:
228:
108:
104:
2047:
2016:
1965:
1902:
1728:
994:
907:
846:
805:
768:
Icon editors used on these early platforms usually contain a rudimentary
637:
388:
272:
195:
185:
2011:
1856:
1763:
1491:
Scott McCloud (1994). "The Vocabulary of Comics", pg 195 ff. in Handa,
999:
703:
505:
450:
392:
288:
249:
1442:
Roland Barthes, (1969). "Rhetoric of the Image" pg 134 ff. in Handa,
2072:
2067:
1975:
1949:
1887:
1758:
1733:
1718:
941:
758:
537:
442:
433:
427:
330:
319:
181:
167:
112:
100:
80:
72:
65:
icons for file/data transfer, clock/awaiting, and running a program.
1907:
1844:
1778:
1743:
1708:
1692:
1456:
1088:
1086:
1084:
1082:
1029:
724:
655:
574:
446:
441:: actions the icon initiate or the content that would be revealed.
278:
253:
245:
203:
96:
84:
1289:"GUIdebook > Articles > "Designing the Star User Interface""
849:– Plug-in for Photoshop; focused on Mac. (Commercial, Windows/Mac)
111:
of the actual entity it represents. It can serve as an electronic
1932:
1866:
1814:
979:
947:
654:
This is different from an icon with animated graphics, such as a
323:
207:
1079:
597:
512:
new metaphor based on Internet connectivity and teams of users,
35:
1612:
1597:
716:
602:
217:
1051:"Former Apple Designer Kare Testifies at Samsung Patent Trial"
369:
285:
instead of a filament one to represent power saving settings.
223:
This category includes standardized symbols found across many
173:
166:
The computing definition of "icon" can include three distinct
1220:
1218:
1216:
840:
525:
1570:
Pictograms, Icons and Signs: A Guide to Information Graphics
837:– Supports both Windows and Mac icons. (Commercial, Windows)
757:
Icons underwent a change in appearance from the early 8-bit
504:
Smith later served as one of the principal designers of the
873:
533:
158:
44:
1213:
95:. The icon itself is a quickly comprehensible symbol of a
1577:
Visual Rhetoric in a Digital World: A Critical Sourcebook
1563:
Discourse & Technology: Multimodal Discourse Analysis
544:
399:
1457:"GUI windows: definition, advantages, origin and future"
731:
are not only possible but in fact expected of the user.
524:
A further type of computer icon is more related to the
1347:"Icons and Images, Human Interface Guidelines for iOS"
519:
53:
876:– Image Editor Supports reading and writing Windows
357:, click or double-click standard computer icons and
244:
The majority of icons are encoded and decoded using
1182:
1150:
Power Switch Labeling for Medical and Other Devices
460:can have multiple natures: virtual objects such as
830:This is a list of notable computer icon software.
453:are used to encode the meaning in an icon system.
1561:Levine, Philip and Scollon, Ron, editors (2004).
1524:"Resource editors - Image Editor for Icons (C++)"
2100:
1257:"Lecture 6 Guest Lecture (David Canfield Smith)"
142:(mouse), belong to the much larger topic of the
1565:. Georgetown University Press, Washington, D.C.
1236:"Pygmalion: A Creative Programming Environment"
1647:
1419:International Journal of Industrial Ergonomics
619:and clearly distinguishable from other icons.
497:itself (including the trashcan) in the 1970s.
103:, accessible on the system and is more like a
1633:
1582:Zenon W. Pylyshyn and Liam J. Bannon (1989).
958:. (Proprietary, Discontinued, Classic Mac OS)
1508:Open Dictionary Desktop Customization: Icons
1568:Abdullah, Rayan and Huebner, Roger (2006).
1042:
264:
1640:
1626:
1048:
645:) in almost all areas of traditional use.
130:of a computer system, in conjunction with
2053:List of graphical user interface elements
1556:Handbook of Mobile Communication Studies
777:or saving individual images of an icon.
601:An example of computer icon set design:
596:
567:
368:
233:
172:
157:
1584:Perspectives on the Computer Revolution
1185:"Standard Icons - Windows applications"
1183:windows-sdk-content (9 February 2021).
715:Another GUI icon is exemplified by the
679:
631:
487:
144:history of the graphical user interface
14:
2101:
1558:. MIT Press, Cambridge, Massachusetts.
400:Standardized electrical device symbols
1621:
723:. The smiley, and by extension other
420:
91:in order to help the user navigate a
314:, icons are sometimes rendered in a
1259:– via scs.hosted.panopto.com.
1049:Rosenblatt, Joel (August 7, 2012).
922:files that can be converted to Mac
888:files that can be converted to Mac
670:
520:Brand icons for commercial software
271:, and an example is the use of the
198:drawings used to refer to actions "
24:
1545:
1493:Visual Rhetoric in a Digital World
1444:Visual Rhetoric in a Digital World
1395:"App icons and logos for UWP apps"
1307:Visual Rhetoric in a Digital World
1124:"Saad Raja - 7 tips for UI design"
802:Integrated Development Environment
697:
532:Because these company and program
25:
2130:
2114:Graphical user interface elements
1590:
1096:ICT Pictograms, Icons and Symbols
605:icons come in six different sizes
318:using special characters such as
1596:
1579:. Bedford / St. Martins, Boston.
1495:. Bedford / St. Martins, Boston.
1446:. Bedford / St. Martins, Boston.
1309:. Bedford / St. Martins, Boston.
819:
743:
719:face, a pictogram embedded in a
558:
146:that has largely supplanted the
52:
43:
34:
1554:Katz, James E., editor (2008).
1516:
1498:
1485:
1467:
1449:
1436:
1424:
1411:
1387:
1363:
1339:
1330:
1312:
1299:
1281:
1263:
661:
1572:. Thames & Hudson, London.
1249:
1228:
1195:
1176:
1140:
1116:
784:for Windows and web pages or .
13:
1:
1036:
734:
1800:Head-up display in computing
826:List of 2D graphics software
710:
7:
962:
153:
10:
2135:
1649:Graphical control elements
975:Distinguishable interfaces
823:
688:
543:In closed systems such as
27:Ideogram used in computing
2040:
1994:
1958:
1875:
1787:
1701:
1655:
648:
592:
312:graphical user interfaces
1371:"Icon Design Principles"
752:
622:
613:
501:Dr. David Canfield Smith
364:
128:graphical user interface
2088:Zoomable user interface
1575:Handa, Carolyn (2004).
970:Apple Icon Image format
859:Microsoft Visual Studio
339:Apple Icon Image format
306:and are related to the
1893:Client-side decoration
1421:, Elsevier April 2002.
606:
396:
349:in their development.
241:
178:
163:
126:Icons as parts of the
1971:Breadcrumb navigation
600:
568:Placement and spacing
372:
237:
176:
161:
99:tool, function, or a
1605:at Wikimedia Commons
1293:guidebookgallery.org
1164:on 27 September 2011
950:– Supports creating
835:Axialis IconWorkshop
680:Related visual tools
632:Size and scalability
488:The Desktop metaphor
148:text-based interface
1351:developer.apple.com
1324:developer.apple.com
1205:MSDN Standard Icons
853:Microangelo Toolset
770:raster image editor
702:Over time, certain
231:and the USB icon.
229:power on/off symbol
1830:Progress indicator
1805:HUD in video games
1586:. Ablex, New York.
1530:. 11 November 2021
1399:docs.microsoft.com
1189:docs.microsoft.com
1067:on August 10, 2012
1005:Resource (Windows)
607:
421:Metaphorical icons
397:
242:
225:electronic devices
179:
164:
2096:
2095:
1943:Window decoration
1898:Disclosure widget
1702:Data input-output
1663:Adjustment handle
1601:Media related to
990:ICO (file format)
916:Windows ICO files
304:software programs
16:(Redirected from
2126:
2041:Related concepts
2022:Inspector window
2007:Alert dialog box
2000:
1903:Frame / Fieldset
1683:Hamburger button
1642:
1635:
1628:
1619:
1618:
1600:
1540:
1539:
1537:
1535:
1520:
1514:
1513:
1502:
1496:
1489:
1483:
1482:
1475:"The first GUIs"
1471:
1465:
1464:
1453:
1447:
1440:
1434:
1428:
1422:
1415:
1409:
1408:
1406:
1405:
1391:
1385:
1384:
1382:
1381:
1367:
1361:
1360:
1358:
1357:
1343:
1337:
1334:
1328:
1327:
1316:
1310:
1303:
1297:
1296:
1285:
1279:
1278:
1267:
1261:
1260:
1253:
1247:
1246:
1240:
1232:
1226:
1222:
1211:
1210:
1199:
1193:
1192:
1180:
1174:
1173:
1171:
1169:
1163:
1157:. Archived from
1156:
1144:
1138:
1137:
1135:
1134:
1120:
1114:
1113:
1111:
1109:
1104:on 1 August 2013
1100:. Archived from
1090:
1077:
1076:
1074:
1072:
1063:. Archived from
1046:
1025:WIMP (computing)
1015:The Noun Project
814:web applications
671:Cultural context
495:desktop metaphor
431:pointing to the
386:
385:
381:
378:
335:desktop computer
283:fluorescent bulb
214:" and "search".
212:magnifying glass
202:" and "print", "
177:a paw print icon
150:for casual use.
107:than a detailed
56:
47:
38:
21:
2134:
2133:
2129:
2128:
2127:
2125:
2124:
2123:
2099:
2098:
2097:
2092:
2036:
1995:
1990:
1986:Virtual desktop
1954:
1871:
1783:
1697:
1651:
1646:
1593:
1548:
1546:Further reading
1543:
1533:
1531:
1528:Microsoft Learn
1522:
1521:
1517:
1504:
1503:
1499:
1490:
1486:
1473:
1472:
1468:
1455:
1454:
1450:
1441:
1437:
1429:
1425:
1416:
1412:
1403:
1401:
1393:
1392:
1388:
1379:
1377:
1375:Material Design
1369:
1368:
1364:
1355:
1353:
1345:
1344:
1340:
1335:
1331:
1318:
1317:
1313:
1304:
1300:
1287:
1286:
1282:
1269:
1268:
1264:
1255:
1254:
1250:
1238:
1234:
1233:
1229:
1223:
1214:
1201:
1200:
1196:
1181:
1177:
1167:
1165:
1161:
1154:
1146:
1145:
1141:
1132:
1130:
1122:
1121:
1117:
1107:
1105:
1092:
1091:
1080:
1070:
1068:
1047:
1043:
1039:
1034:
1020:Unicode symbols
965:
828:
822:
755:
746:
737:
713:
700:
698:Control widgets
691:
682:
673:
664:
651:
634:
625:
616:
595:
570:
561:
522:
514:cloud computing
490:
423:
402:
383:
379:
376:
374:
367:
295:for the entire
156:
140:pointing device
93:computer system
89:computer screen
87:displayed on a
69:
68:
67:
66:
59:
58:
57:
49:
48:
40:
39:
28:
23:
22:
15:
12:
11:
5:
2132:
2122:
2121:
2116:
2111:
2109:Computer icons
2094:
2093:
2091:
2090:
2085:
2080:
2078:Widget toolkit
2075:
2070:
2065:
2060:
2058:Layout manager
2055:
2050:
2044:
2042:
2038:
2037:
2035:
2034:
2032:Palette window
2029:
2024:
2019:
2014:
2009:
2003:
2001:
1992:
1991:
1989:
1988:
1983:
1981:Navigation bar
1978:
1973:
1968:
1962:
1960:
1956:
1955:
1953:
1952:
1947:
1946:
1945:
1935:
1930:
1925:
1920:
1915:
1910:
1905:
1900:
1895:
1890:
1885:
1879:
1877:
1873:
1872:
1870:
1869:
1864:
1859:
1854:
1849:
1848:
1847:
1842:
1837:
1827:
1825:Loading screen
1822:
1817:
1812:
1807:
1802:
1797:
1791:
1789:
1785:
1784:
1782:
1781:
1776:
1771:
1766:
1761:
1756:
1751:
1746:
1741:
1736:
1731:
1726:
1721:
1716:
1711:
1705:
1703:
1699:
1698:
1696:
1695:
1690:
1685:
1680:
1678:Drop-down list
1675:
1670:
1665:
1659:
1657:
1653:
1652:
1645:
1644:
1637:
1630:
1622:
1616:
1615:
1606:
1603:Software icons
1592:
1591:External links
1589:
1588:
1587:
1580:
1573:
1566:
1559:
1552:
1547:
1544:
1542:
1541:
1515:
1510:, 10 May 2011"
1497:
1484:
1466:
1448:
1435:
1423:
1410:
1386:
1362:
1338:
1329:
1311:
1298:
1280:
1262:
1248:
1243:worrydream.com
1227:
1225:Massachusetts.
1212:
1207:, 10 May 2011"
1194:
1175:
1152:, 10 May 2011"
1139:
1115:
1098:, 10 May 2011"
1078:
1040:
1038:
1035:
1033:
1032:
1027:
1022:
1017:
1012:
1007:
1002:
997:
992:
987:
982:
977:
972:
966:
964:
961:
960:
959:
952:classic Mac OS
945:
939:
936:Multi-Platform
912:GraphicsMagick
905:
902:Multi-Platform
867:
866:
856:
850:
844:
838:
821:
818:
754:
751:
745:
742:
736:
733:
712:
709:
699:
696:
690:
687:
681:
678:
672:
669:
663:
660:
650:
647:
633:
630:
624:
621:
615:
612:
594:
591:
577:or the system
569:
566:
560:
557:
521:
518:
489:
486:
422:
419:
401:
398:
366:
363:
347:graphic artist
308:brand identity
293:speaker driver
259:An example of
227:, such as the
155:
152:
121:voice commands
61:
60:
51:
50:
42:
41:
33:
32:
31:
30:
29:
26:
9:
6:
4:
3:
2:
2131:
2120:
2117:
2115:
2112:
2110:
2107:
2106:
2104:
2089:
2086:
2084:
2081:
2079:
2076:
2074:
2071:
2069:
2066:
2064:
2063:Look and feel
2061:
2059:
2056:
2054:
2051:
2049:
2046:
2045:
2043:
2039:
2033:
2030:
2028:
2025:
2023:
2020:
2018:
2015:
2013:
2010:
2008:
2005:
2004:
2002:
1999:
1993:
1987:
1984:
1982:
1979:
1977:
1974:
1972:
1969:
1967:
1964:
1963:
1961:
1957:
1951:
1948:
1944:
1941:
1940:
1939:
1936:
1934:
1931:
1929:
1926:
1924:
1921:
1919:
1916:
1914:
1911:
1909:
1906:
1904:
1901:
1899:
1896:
1894:
1891:
1889:
1886:
1884:
1881:
1880:
1878:
1874:
1868:
1865:
1863:
1860:
1858:
1855:
1853:
1850:
1846:
1843:
1841:
1840:Splash screen
1838:
1836:
1833:
1832:
1831:
1828:
1826:
1823:
1821:
1818:
1816:
1813:
1811:
1808:
1806:
1803:
1801:
1798:
1796:
1793:
1792:
1790:
1788:Informational
1786:
1780:
1777:
1775:
1772:
1770:
1767:
1765:
1762:
1760:
1757:
1755:
1752:
1750:
1747:
1745:
1742:
1740:
1739:Toggle switch
1737:
1735:
1732:
1730:
1727:
1725:
1722:
1720:
1717:
1715:
1712:
1710:
1707:
1706:
1704:
1700:
1694:
1691:
1689:
1686:
1684:
1681:
1679:
1676:
1674:
1671:
1669:
1666:
1664:
1661:
1660:
1658:
1656:Command input
1654:
1650:
1643:
1638:
1636:
1631:
1629:
1624:
1623:
1620:
1614:
1610:
1607:
1604:
1599:
1595:
1594:
1585:
1581:
1578:
1574:
1571:
1567:
1564:
1560:
1557:
1553:
1550:
1549:
1529:
1525:
1519:
1511:
1509:
1501:
1494:
1488:
1480:
1476:
1470:
1462:
1461:www.linfo.org
1458:
1452:
1445:
1439:
1432:
1427:
1420:
1414:
1400:
1396:
1390:
1376:
1372:
1366:
1352:
1348:
1342:
1333:
1325:
1321:
1315:
1308:
1302:
1294:
1290:
1284:
1276:
1272:
1266:
1258:
1252:
1244:
1237:
1231:
1221:
1219:
1217:
1208:
1206:
1198:
1190:
1186:
1179:
1160:
1153:
1151:
1143:
1129:
1125:
1119:
1103:
1099:
1097:
1089:
1087:
1085:
1083:
1066:
1062:
1058:
1057:
1052:
1045:
1041:
1031:
1028:
1026:
1023:
1021:
1018:
1016:
1013:
1011:
1010:Semasiography
1008:
1006:
1003:
1001:
998:
996:
993:
991:
988:
986:
983:
981:
978:
976:
973:
971:
968:
967:
957:
953:
949:
946:
943:
940:
937:
933:
932:Free Software
929:
925:
921:
917:
913:
909:
906:
903:
899:
898:Free Software
895:
891:
887:
883:
879:
875:
872:
871:
870:
864:
861:- can author
860:
857:
854:
851:
848:
845:
842:
839:
836:
833:
832:
831:
827:
820:List of tools
817:
815:
810:
807:
803:
798:
795:
791:
787:
783:
778:
774:
771:
766:
764:
763:alpha channel
760:
750:
744:Icon creation
741:
732:
728:
726:
722:
718:
708:
705:
695:
686:
677:
668:
659:
657:
646:
644:
639:
629:
620:
611:
604:
599:
590:
586:
582:
580:
576:
565:
559:Overlay icons
556:
554:
550:
546:
541:
539:
535:
530:
527:
517:
515:
509:
507:
502:
498:
496:
485:
483:
479:
475:
471:
467:
463:
459:
454:
452:
448:
444:
440:
436:
435:
430:
429:
425:An icon is a
418:
414:
410:
407:
394:
390:
371:
362:
360:
356:
350:
348:
342:
340:
336:
332:
327:
325:
321:
317:
313:
309:
305:
300:
298:
294:
290:
286:
284:
280:
276:
274:
270:
269:skeuomorphism
266:
262:
257:
255:
251:
247:
240:
236:
232:
230:
226:
221:
219:
215:
213:
209:
205:
201:
197:
193:
189:
187:
183:
175:
171:
169:
160:
151:
149:
145:
141:
137:
133:
129:
124:
122:
118:
117:file shortcut
114:
110:
106:
102:
98:
94:
90:
86:
82:
78:
74:
64:
55:
46:
37:
19:
18:Computer icon
2027:Modal window
1959:Navigational
1835:Progress bar
1809:
1795:Balloon help
1754:Radio button
1749:List builder
1724:Cycle button
1714:Color picker
1673:Context menu
1583:
1576:
1569:
1562:
1555:
1532:. Retrieved
1527:
1518:
1507:
1500:
1492:
1487:
1479:www.catb.org
1478:
1469:
1460:
1451:
1443:
1438:
1426:
1418:
1413:
1402:. Retrieved
1398:
1389:
1378:. Retrieved
1374:
1365:
1354:. Retrieved
1350:
1341:
1332:
1323:
1314:
1306:
1301:
1292:
1283:
1274:
1265:
1251:
1242:
1230:
1204:
1197:
1188:
1178:
1166:. Retrieved
1159:the original
1149:
1142:
1131:. Retrieved
1127:
1118:
1106:. Retrieved
1102:the original
1095:
1069:. Retrieved
1065:the original
1061:Bloomberg LP
1056:Businessweek
1054:
1044:
985:Font Awesome
868:
829:
811:
799:
779:
775:
767:
756:
747:
738:
729:
721:text message
714:
701:
692:
683:
674:
665:
662:Localization
652:
643:aspect ratio
635:
626:
617:
608:
587:
583:
571:
562:
542:
531:
523:
510:
499:
491:
474:compact disk
466:applications
457:
455:
438:
432:
426:
424:
415:
411:
406:power symbol
403:
351:
343:
328:
301:
297:audio system
287:
277:
261:metaphorical
258:
243:
222:
216:
190:
180:
165:
125:
109:illustration
105:traffic sign
76:
70:
2048:File viewer
2017:File dialog
1966:Address bar
1729:Date picker
1534:29 November
1275:acypher.com
1271:"Pygmalion"
1128:saadraja.co
995:Icon design
928:Open Source
924:.ICNS files
908:ImageMagick
894:Open Source
890:.icns files
847:IconBuilder
806:Windows API
704:GUI widgets
638:touchscreen
389:floppy disk
273:floppy disk
170:elements:
2119:Pictograms
2103:Categories
2012:Dialog box
1876:Containers
1857:Status bar
1764:Search box
1404:2018-10-12
1380:2018-10-12
1356:2018-10-12
1133:2017-12-05
1037:References
1000:Iconfinder
884:files and
824:See also:
735:Hyperlinks
506:Xerox Star
451:synecdoche
393:skeuomorph
299:settings.
289:Synecdoche
250:synecdoche
239:Power icon
168:semiotical
2073:Scrolling
2068:Mouseover
1976:Hyperlink
1950:Workspace
1888:Tree view
1883:Accordion
1759:Scrollbar
1734:Grid view
1719:Combo box
1071:August 7,
956:resources
942:IrfanView
759:pixel art
725:emoticons
711:Emoticons
676:product.
538:trademark
484:etc...).
458:signified
443:Metaphors
439:signified
434:signified
428:signifier
333:for both
331:thumbnail
320:MouseText
113:hyperlink
101:data file
81:pictogram
73:computing
1996:Special
1908:Menu bar
1845:Throbber
1779:Text box
1744:List box
1709:Checkbox
1693:Pie menu
963:See also
656:Throbber
575:task bar
447:metonymy
279:Metonymy
254:metaphor
246:metonymy
204:scissors
196:stylized
186:stylized
162:USB icon
154:Overview
97:software
85:ideogram
1998:windows
1933:Toolbar
1918:Popover
1867:Tooltip
1852:Sidebar
1815:Infobar
1774:Spinner
980:Favicon
948:ResEdit
878:ICO/CUR
863:ICO/CUR
689:Windows
549:Android
482:printer
470:monitor
382:⁄
324:PETSCII
265:desktop
206:" and "
200:printer
132:windows
63:Desktop
1938:Window
1923:Ribbon
1769:Slider
1668:Button
1613:Curlie
1168:1 June
1108:1 June
717:smiley
649:Motion
603:Nuvola
593:Design
387:-inch
355:select
252:, and
218:Symbol
210:" or "
138:and a
1913:Panel
1862:Toast
1820:Label
1609:Icons
1239:(PDF)
1162:(PDF)
1155:(PDF)
954:icon
841:IcoFX
753:Tools
623:Color
614:Shape
534:logos
526:brand
478:mouse
462:files
365:Types
192:Index
136:menus
79:is a
75:, an
2083:WIMP
1810:Icon
1688:Menu
1536:2022
1170:2011
1110:2011
1073:2012
918:and
910:and
874:GIMP
792:or .
786:ICNS
579:dock
547:and
464:and
456:The
449:and
373:The
359:drag
182:Icon
77:icon
1928:Tab
1611:at
1030:XPM
926:. (
920:PNG
892:. (
886:PNG
882:ANI
794:ANI
790:CUR
782:ICO
545:iOS
322:or
316:TUI
208:cut
115:or
83:or
71:In
2105::
1526:.
1477:.
1459:.
1397:.
1373:.
1349:.
1322:.
1291:.
1273:.
1241:.
1215:^
1187:.
1126:.
1081:^
1059:.
1053:.
934:,
930:,
900:,
896:,
816:.
765:.
555:.
553:UI
480:,
476:,
472:,
445:,
326:.
256:.
248:,
134:,
1641:e
1634:t
1627:v
1538:.
1512:.
1506:"
1481:.
1463:.
1407:.
1383:.
1359:.
1326:.
1295:.
1277:.
1245:.
1209:.
1203:"
1191:.
1172:.
1148:"
1136:.
1112:.
1094:"
1075:.
938:)
904:)
880:/
395:.
384:2
380:1
377:+
375:3
20:)
Text is available under the Creative Commons Attribution-ShareAlike License. Additional terms may apply.
