{"id":209,"date":"2017-08-21T10:00:08","date_gmt":"2017-08-21T10:00:08","guid":{"rendered":"https:\/\/futuramo.com\/blog-test\/?p=209"},"modified":"2018-09-25T10:20:37","modified_gmt":"2018-09-25T09:20:37","slug":"history-user-interface-icons","status":"publish","type":"post","link":"https:\/\/futuramo.com\/blog\/history-user-interface-icons\/","title":{"rendered":"Visual history of computer icons"},"content":{"rendered":"

These folders on our desktops, delete buttons on our phones or file icons we click to download a PDF from an Internet page. When we think about it a bit more… Do we, creatures digitalized to the bones, ever wonder where these come from?<\/p>\n

\n

We don\u2019t even realize we\u2019re using a language that has a history that reaches over 35 years back in time. Let our History of Icons<\/strong> (today on Product Hunt!<\/a>) tell you a story about these\u00a0tiny, but life-changing design elements.<\/p>\n

The computer icon language has a history that reaches over 35 years back in time. <\/em>
\ntweet this<\/strong><\/span><\/a><\/p><\/blockquote>\n

\n
\"history
History of icons by FUTURAMO – A visual brief on icon history through different graphical user interfaces in different operating systems<\/figcaption><\/figure><\/figure>\n

A very eventful history. Born somewhere far away (or maybe, who knows, next door), not mentioned in the news, not discussed during dinners. Evolving in it\u2019s own pace next to us, inseparably connected with the computing world, quietly taking over more and more areas of our lives. A language using signs as metaphors for words and ideas, the extremely intuitive and iconic for humanity: language of icons. Did you know there are real people behind these symbols? Or how many colors were in use in 1985, how did the first Apple icons look like? Does names such as Amiga Workbench or Geoworks Ensemble 2 ring any bell at all..?<\/p>\n

\n
\"history
History of user interface icons by FUTURAMO<\/figcaption><\/figure><\/figure>\n

Whether you remember the early computers\u2019 days or you jumped into this world a bit later, there is a place to take a glimpse at. Feed your eyes and curiosity with our little companions\u2019 exciting story. Take a ride through decades on historyoficons.com<\/a>!<\/p>\n

\n
\"trash
A trash icon by Xerox 8010 Star, 1981<\/figcaption><\/figure><\/figure>\n
\n
\"A
A computer icons \u2013 Windows 1, 1985<\/figcaption><\/figure><\/figure>\n
\n
\"piece
A piece of paper and a pen icon \u2013 Macintosh, system 7, 1991<\/figcaption><\/figure><\/figure>\n
\n
\"calculator
A calculator icon \u2013 Geoworks Ensemble 2, 1993<\/figcaption><\/figure><\/figure>\n<\/div>\n","protected":false},"excerpt":{"rendered":"These folders on our desktops, delete buttons on our phones or file icons we click to download a…\n","protected":false},"author":2,"featured_media":219,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_singular_sidebar":"","csco_page_header_type":"","csco_page_load_nextpost":"","csco_post_video_location":[],"csco_post_video_url":"","csco_post_video_bg_start_time":0,"csco_post_video_bg_end_time":0},"categories":[100],"tags":[58,7],"yoast_head":"\nVisual history of computer icons | Futuramo Blog<\/title>\n<meta name=\"description\" content=\"The computer icons language has a history that reaches over 35 years back in time. Listen to a story about these tiny, but life-changing design elements.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/futuramo.com\/blog\/history-user-interface-icons\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Visual history of computer icons | Futuramo Blog\" \/>\n<meta property=\"og:description\" content=\"The computer icons language has a history that reaches over 35 years back in time. Listen to a story about these tiny, but life-changing design elements.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/futuramo.com\/blog\/history-user-interface-icons\/\" \/>\n<meta property=\"og:site_name\" content=\"Helping teams work better \u2014 insights on productivity, collaboration, marketing, and the tools that make it happen | Futuramo Blog\" \/>\n<meta property=\"article:published_time\" content=\"2017-08-21T10:00:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-09-25T09:20:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/futuramo.com\/blog\/wp-content\/uploads\/2015\/05\/history-of-icons-by-futuramo.png\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<meta name=\"twitter:title\" content=\"Visual history of computer icons | Futuramo Blog\" \/>\n<meta name=\"twitter:description\" content=\"The computer icons language has a history that reaches over 35 years back in time. Listen to a story about these tiny, but life-changing design elements.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/futuramo.com\/blog\/wp-content\/uploads\/2015\/05\/history-of-icons-by-futuramo.png\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Futuramo\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/futuramo.com\/blog\/#website\",\"url\":\"https:\/\/futuramo.com\/blog\/\",\"name\":\"Helping teams work better \u2014 insights on productivity, collaboration, marketing, and the tools that make it happen | Futuramo Blog\",\"description\":\"Exploring Innovation, Effectiveness, and Creativity Across Industries \",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/futuramo.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/futuramo.com\/blog\/history-user-interface-icons\/#primaryimage\",\"url\":\"\",\"contentUrl\":\"\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/futuramo.com\/blog\/history-user-interface-icons\/#webpage\",\"url\":\"https:\/\/futuramo.com\/blog\/history-user-interface-icons\/\",\"name\":\"Visual history of computer icons | Futuramo Blog\",\"isPartOf\":{\"@id\":\"https:\/\/futuramo.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/futuramo.com\/blog\/history-user-interface-icons\/#primaryimage\"},\"datePublished\":\"2017-08-21T10:00:08+00:00\",\"dateModified\":\"2018-09-25T09:20:37+00:00\",\"author\":{\"@id\":\"https:\/\/futuramo.com\/blog\/#\/schema\/person\/98b5eca5abfaece04786f8a04ec93902\"},\"description\":\"The computer icons language has a history that reaches over 35 years back in time. Listen to a story about these tiny, but life-changing design elements.\",\"breadcrumb\":{\"@id\":\"https:\/\/futuramo.com\/blog\/history-user-interface-icons\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/futuramo.com\/blog\/history-user-interface-icons\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/futuramo.com\/blog\/history-user-interface-icons\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/futuramo.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Visual history of computer icons\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/futuramo.com\/blog\/#\/schema\/person\/98b5eca5abfaece04786f8a04ec93902\",\"name\":\"Futuramo\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/futuramo.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/futuramo.com\/blog\/wp-content\/uploads\/2021\/11\/Futuramo_avatar-96x96.png\",\"contentUrl\":\"https:\/\/futuramo.com\/blog\/wp-content\/uploads\/2021\/11\/Futuramo_avatar-96x96.png\",\"caption\":\"Futuramo\"},\"url\":\"https:\/\/futuramo.com\/blog\/author\/adminek\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Visual history of computer icons | Futuramo Blog","description":"The computer icons language has a history that reaches over 35 years back in time. Listen to a story about these tiny, but life-changing design elements.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/futuramo.com\/blog\/history-user-interface-icons\/","og_locale":"en_US","og_type":"article","og_title":"Visual history of computer icons | Futuramo Blog","og_description":"The computer icons language has a history that reaches over 35 years back in time. Listen to a story about these tiny, but life-changing design elements.","og_url":"https:\/\/futuramo.com\/blog\/history-user-interface-icons\/","og_site_name":"Helping teams work better \u2014 insights on productivity, collaboration, marketing, and the tools that make it happen | Futuramo Blog","article_published_time":"2017-08-21T10:00:08+00:00","article_modified_time":"2018-09-25T09:20:37+00:00","og_image":[{"url":"https:\/\/futuramo.com\/blog\/wp-content\/uploads\/2015\/05\/history-of-icons-by-futuramo.png"}],"twitter_card":"summary","twitter_title":"Visual history of computer icons | Futuramo Blog","twitter_description":"The computer icons language has a history that reaches over 35 years back in time. Listen to a story about these tiny, but life-changing design elements.","twitter_image":"https:\/\/futuramo.com\/blog\/wp-content\/uploads\/2015\/05\/history-of-icons-by-futuramo.png","twitter_misc":{"Written by":"Futuramo","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/futuramo.com\/blog\/#website","url":"https:\/\/futuramo.com\/blog\/","name":"Helping teams work better \u2014 insights on productivity, collaboration, marketing, and the tools that make it happen | Futuramo Blog","description":"Exploring Innovation, Effectiveness, and Creativity Across Industries ","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/futuramo.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/futuramo.com\/blog\/history-user-interface-icons\/#primaryimage","url":"","contentUrl":""},{"@type":"WebPage","@id":"https:\/\/futuramo.com\/blog\/history-user-interface-icons\/#webpage","url":"https:\/\/futuramo.com\/blog\/history-user-interface-icons\/","name":"Visual history of computer icons | Futuramo Blog","isPartOf":{"@id":"https:\/\/futuramo.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/futuramo.com\/blog\/history-user-interface-icons\/#primaryimage"},"datePublished":"2017-08-21T10:00:08+00:00","dateModified":"2018-09-25T09:20:37+00:00","author":{"@id":"https:\/\/futuramo.com\/blog\/#\/schema\/person\/98b5eca5abfaece04786f8a04ec93902"},"description":"The computer icons language has a history that reaches over 35 years back in time. Listen to a story about these tiny, but life-changing design elements.","breadcrumb":{"@id":"https:\/\/futuramo.com\/blog\/history-user-interface-icons\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/futuramo.com\/blog\/history-user-interface-icons\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/futuramo.com\/blog\/history-user-interface-icons\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/futuramo.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Visual history of computer icons"}]},{"@type":"Person","@id":"https:\/\/futuramo.com\/blog\/#\/schema\/person\/98b5eca5abfaece04786f8a04ec93902","name":"Futuramo","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/futuramo.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/futuramo.com\/blog\/wp-content\/uploads\/2021\/11\/Futuramo_avatar-96x96.png","contentUrl":"https:\/\/futuramo.com\/blog\/wp-content\/uploads\/2021\/11\/Futuramo_avatar-96x96.png","caption":"Futuramo"},"url":"https:\/\/futuramo.com\/blog\/author\/adminek\/"}]}},"_links":{"self":[{"href":"https:\/\/futuramo.com\/blog\/wp-json\/wp\/v2\/posts\/209"}],"collection":[{"href":"https:\/\/futuramo.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/futuramo.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/futuramo.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/futuramo.com\/blog\/wp-json\/wp\/v2\/comments?post=209"}],"version-history":[{"count":18,"href":"https:\/\/futuramo.com\/blog\/wp-json\/wp\/v2\/posts\/209\/revisions"}],"predecessor-version":[{"id":1588,"href":"https:\/\/futuramo.com\/blog\/wp-json\/wp\/v2\/posts\/209\/revisions\/1588"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/futuramo.com\/blog\/wp-json\/wp\/v2\/media\/219"}],"wp:attachment":[{"href":"https:\/\/futuramo.com\/blog\/wp-json\/wp\/v2\/media?parent=209"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/futuramo.com\/blog\/wp-json\/wp\/v2\/categories?post=209"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/futuramo.com\/blog\/wp-json\/wp\/v2\/tags?post=209"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}