Home
Bookmarks
Leagues
LEARN
Courses
Career Paths
Assessments
Tutorials
Arcade
Glossary
GROW
Certifications
Log in
Glossary
Log inSign up
Courses/UX Design Foundations/Icon Terminology/
Exercise #1

The Semiotic Triad: Icon, Index, and Symbol

In semiotics (the study of signs), philosopher Charles Sanders Peirce classified visual signs into three foundational relationships:

  1. Icon: Direct physical resemblance to the object it represents (e.g., a printer icon representing printing, or a camera icon representing photo capture).
  2. Index: An indirect sign that points to an effect through causal evidence (e.g., lightning bolt representing battery charging or electrical power).
  3. Symbol: An arbitrary visual convention learned purely through cultural repetition (e.g., a red octagonal sign representing 'Stop', or a gear icon representing 'Settings').

Digital interfaces rely heavily on learned symbols, requiring consistent cultural exposure across generations.

Topics

The Semiotic Triad: Icon, Index, and Symbol
Universal vs. Ambiguous Metaphors in Interface Icons
The Icon-With-Label Usability Rule
Optical Centering vs. Geometric Bounding Boxes
Stroke Weight, Grid Systems, and Icon Scalability
Accessible Icon Implementation and ARIA Attributes
design
UX Design

From lesson

10

Icon Terminology

Level 3 · Elements of Design II

Top contributors

Community contribution details will appear here once real learner activity is available.

Share