<h1 class="page">MoMA MULTIMEDIA</h1> <h1 class="custom-title">MoMA Multimedia</h1> <div id="player" class="JS_MediaPlayerLarge"> <div class="swiff"> <a href="/images/dynamic_content/exhibition_page/122771.png" class="image"></a> <a href="/explore/multimedia/audios/full/403/7243.xml?language=en" class="asset"></a> </div> <div class="info"> <div class="scrollable"> <small class="type">Audio</small> <h2>Susan Kare, Sketches for Graphic User Interface Icons</h2> <p></p> </div> <form action="./" class="share"> <a href="#" class="selected" rel="permalink"><small>Permalink</small></a> <a href="#" rel="embed"><small>Embed</small></a> <a href="/momaorg/shared/audio_file/audio_file/7320/312e.mp3" class="download"><small>Download MP3</small></a> <label id="embed-toggle"> <input type="checkbox" name="embed_toggle" /> <small>Old embed code</small> </label> <br class="clear" /> <input type="text" name="permalink" value="http://www.moma.org/explore/multimedia/audios/403/7243" id="permalink" class="selected copy-paste" /> <input type="text" name="embed" value="&lt;iframe src=&quot;//www.moma.org/audios/embed/403/7243&quot; width=&quot;480&quot; height=&quot;360&quot; frameborder=&quot;0&quot; allowfullscreen=&quot;allowfullscreen&quot;&gt;&lt;/iframe&gt; " data-embed="&lt;object width=&quot;480&quot; height=&quot;360&quot;&gt;&lt;param name=&quot;movie&quot; value=&quot;/embed/audios/embed/403/7243&quot;&gt;&lt;/param&gt;&lt;param name=&quot;allowFullScreen&quot; value=&quot;true&quot;&gt;&lt;/param&gt;&lt;param name=&quot;wMode&quot; value=&quot;opaque&quot;&gt;&lt;/param&gt;&lt;param name=&quot;allowscriptaccess&quot; value=&quot;always&quot;&gt;&lt;/param&gt;&lt;embed src=&quot;/embed/audios/embed/403/7243&quot; type=&quot;application/x-shockwave-flash&quot; allowscriptaccess=&quot;always&quot; allowfullscreen=&quot;true&quot; wmode=&quot;opaque&quot; width=&quot;480&quot; height=&quot;360&quot;&gt;&lt;/embed&gt;&lt;/object&gt;" data-iframe="&lt;iframe src=&quot;//www.moma.org/audios/embed/403/7243&quot; width=&quot;480&quot; height=&quot;360&quot; frameborder=&quot;0&quot; allowfullscreen=&quot;allowfullscreen&quot;&gt;&lt;/iframe&gt; " id="embed" class="copy-paste" /> </form> </div> <br class="clear" /> </div> <!--googleoff: index--> <div id="playlist" class="JS_MediaPlaylist"> <div class="playlist-tabs"> <a href="#playlist" class="first selected" rel="tab-playlist">Playlist</a> <a href="#related" rel="tab-related">Related Content</a> <br class="clear" /> </div> <div id="tab-playlist" class="tab selected"> <h3>Special Exhibitions: <i>This is for Everyone</i> (11)</h3> <div class="bottom-border"></div> <ol class="scrollable" > <li> <a href="/explore/multimedia/audios/403/7244" class="media" rel="/explore/multimedia/audios/full/403/7244.xml?language="> <span class="image"> <img alt="Susan Kare. Apple Icons Layer. 1982." src="/images/dynamic_content/media_thumb/122771.png?1430149659" /> </span> <span class="info"> <h4>Apple Icons layer </h4> </span> <br class="clear" /> </a> </li> <li> <a href="/explore/multimedia/audios/403/7237" class="media" rel="/explore/multimedia/audios/full/403/7237.xml?language="> <span class="image"> <img alt="Jessica Rosenkrantz, Jesse Louis-Rosenberg. Kinematics Dress. 2013" src="/images/dynamic_content/media_thumb/122711.jpg?1429719577" /> </span> <span class="info"> <h4>Introduction to <i>This is for Everyone</i> </h4> </span> <br class="clear" /> </a> </li> <li> <a href="/explore/multimedia/audios/403/7239" class="media" rel="/explore/multimedia/audios/full/403/7239.xml?language="> <span class="image"> <img alt=" Arduino “Diecemila” Microcontroller" src="/images/dynamic_content/media_thumb/122726.jpg?1429728458" /> </span> <span class="info"> <h4>Arduino “Diecemila” Microcontroller </h4> </span> <br class="clear" /> </a> </li> <li> <a href="/explore/multimedia/audios/403/7241" class="media" rel="/explore/multimedia/audios/full/403/7241.xml?language="> <span class="image"> <img alt="Susan Kare. Apple Icons Layer. 1982." src="/images/dynamic_content/media_thumb/122771.png?1430149659" /> </span> <span class="info"> <h4>Don Ingber, Human Organs-on-chips </h4> </span> <br class="clear" /> </a> </li> <li> <a href="/explore/multimedia/audios/403/7245" class="media" rel="/explore/multimedia/audios/full/403/7245.xml?language="> <span class="image"> <img alt="Ryan Junell, Creative Commons. Creative Commons License Symbol. 2001" src="/images/dynamic_content/media_thumb/122786.jpg?1430149986" /> </span> <span class="info"> <h4>Creative Commons Symbols </h4> </span> <br class="clear" /> </a> </li> <li> <a href="/explore/multimedia/audios/20/508" class="media" rel="/explore/multimedia/audios/full/20/508.xml?language="> <span class="image"> <img alt="Mathieu Lehanneur The Third Lung from the Objets Thérapeutiques collection Model. 2001" src="/images/dynamic_content/media_thumb/21030.jpg?1404314118" /> </span> <span class="info"> <h4>Mathieu Lehanneur. The Third Lung from the Objets Thérapeutiques collection. Model. 2001 </h4> </span> <br class="clear" /> </a> </li> <li> <a href="/explore/multimedia/audios/403/7242" class="media" rel="/explore/multimedia/audios/full/403/7242.xml?language="> <span class="image"> <img alt="Susan Kare. Apple Icons Layer. 1982." src="/images/dynamic_content/media_thumb/122771.png?1430149659" /> </span> <span class="info"> <h4>Golan Levin, Free Universal Construction Kit </h4> </span> <br class="clear" /> </a> </li> <li> <a href="/explore/multimedia/audios/403/7243" class="media playing" rel="/explore/multimedia/audios/full/403/7243.xml?language="> <span class="image"> <img alt="Susan Kare. Apple Icons Layer. 1982." src="/images/dynamic_content/media_thumb/122771.png?1430149659" /> </span> <span class="info"> <h4>Susan Kare, Sketches for Graphic User Interface Icons </h4> </span> <br class="clear" /> </a> </li> <li> <a href="/explore/multimedia/audios/403/4798" class="media" rel="/explore/multimedia/audios/full/403/4798.xml?language="> <span class="image"> <img alt="Susana Soares Design Interactions Department, Royal College of Art BEE'S project. Prototype. 2007" src="/images/dynamic_content/media_thumb/23046.jpg?1404314119" /> </span> <span class="info"> <h4>Susana Soares. <i>BEE'S project</i>. 2007 </h4> </span> <br class="clear" /> </a> </li> <li> <a href="/explore/multimedia/audios/403/7240" class="media" rel="/explore/multimedia/audios/full/403/7240.xml?language="> <span class="image"> <img alt=" Arduino “Diecemila” Microcontroller" src="/images/dynamic_content/media_thumb/122726.jpg?1429728458" /> </span> <span class="info"> <h4>Arduino layer </h4> </span> <br class="clear" /> </a> </li> <li> <a href="/explore/multimedia/audios/403/7238" class="media" rel="/explore/multimedia/audios/full/403/7238.xml?language="> <span class="image"> <img alt="Jessica Rosenkrantz, Jesse Louis-Rosenberg. Kinematics Dress. 2013" src="/images/dynamic_content/media_thumb/122711.jpg?1429719577" /> </span> <span class="info"> <h4>Kinematics Dress </h4> </span> <br class="clear" /> </a> </li> </ol> </div> <div id="tab-related" class="tab"> <ol class="scrollable"> <li> <a href="/explore/multimedia/audios/403/7243" class="package" rel=""> <span class="image"><img alt="122711" src="/images/dynamic_content/media_thumb/122711.jpg?1429719577" /></span> <span class="info"> <small>Audio</small> <h4>Special Exhibitions: <i>This is for Everyone</i></h4> </span> <br class="clear" /> </a></li> </ol> </div> </div> <br class="clear" /> <!--googleoff: index--> <div id="channels" class="JS_MediaChannels"> <div class="header"> <h3>MoMA Channels</h3> </div> <div class="position"> <small class="title">Select</small> <a href="#" class="back disabled">&lt;</a> <br class="clear" /> </div> <div class="holder"> <ol id="group-0" class="slider"> <li><a href="#featured" class="default selected featured" rel="group-0">Featured Content</a></li> <li><a href="#most-recent" class="most-recent">Most Recent</a></li> <li><a href="#audio" rel="group-1">Audio</a> <ol id="group-1"> <li><a href="#audios-all" class="default audios-all">All Audio</a></li> <li><a href="#audios-adult-programs-all" rel="group-1-1">MoMA Talks</a> <ol id="group-1-1"> <li><a href="#audios-adult-programs-all" class="default audios-adult-programs-all">All MoMA Talks</a></li> <li><a href="#audios-adult-programs-brown-bag" class="audios-adult-programs-brown-bag">Brown Bag Lunch Lectures</a></li> <li><a href="#audios-adult-programs-conversations" class="audios-adult-programs-conversations">Conversations with Artists</a></li> <li><a href="#audios-adult-programs-performances" class="audios-adult-programs-performances">Poetry and Performances</a></li> <li><a href="#audios-adult-programs-special-exhibitions" class="audios-adult-programs-special-exhibitions">Special Exhibitions Programs</a></li> <li><a href="#audios-adult-programs-symposia" class="audios-adult-programs-symposia">Symposia</a></li> </ol> </li> <li><a href="#" rel="group-1-2">Special Exhibitions</a> <ol id="group-1-2"> <li><a href="#audios-special-exhibitions-all" class="default audios-special-exhibitions-all">All Special Exhibitions</a></li> <li><a href="#audios-special-exhibitions-current" class="audios-special-exhibitions-current">Current</a></li> <li><a href="#audios-special-exhibitions-past" class="audios-special-exhibitions-past">Past</a></li> </ol> </li> <li><a href="#audios-modern-voices-all" class="default audios-modern-voices-all">Collection</a></li> <!--<a href="#" rel="group-1-3">Collection</a>--> <!--<ol id="group-1-3"> <li><a href="#audios-modern-voices-all" class="default audios-modern-voices-all">All Collection</a></li> <li><a href="#audios-modern-voices-on-view" class="audios-modern-voices-on-view">On View</a></li> </ol> </li>--> <li><a href="#audios-modern-kids-all" class="default audios-modern-kids-all">Kids</a></li> <!--<a href="#" rel="group-1-4">Kids</a> <ol id="group-1-4"> <li><a href="#audios-modern-kids-all" class="default audios-modern-kids-all">All Kids</a></li> <li><a href="#audios-modern-kids-on-view" class="audios-modern-kids-on-view">On View</a></li> </ol> </li>--> <li><a href="#audios-visual-descriptions-all" class="default audios-visual-descriptions-all">Visual Descriptions</a></li> <!--<a href="#" rel="group-1-5">Visual Descriptions</a> <ol id="group-1-5"> <li><a href="#audios-visual-descriptions-all" class="default audios-visual-descriptions-all">Visual Descriptions</a></li> <li><a href="#audios-visual-descriptions-on-view" class="audios-visual-descriptions-on-view">On View</a></li> </ol> </li>--> <!--<li><a href="#audios-red-studio-all" class="default audios-red-studio-all">Teens</a></li>--> <!--<a href="#" rel="group-1-6">Teens</a> <ol id="group-1-6"> <li><a href="#audios-red-studio-all" class="default audios-red-studio-all">All Teens</a></li> <li><a href="#audios-red-studio-on-view" class="audios-red-studio-on-view">On View</a></li> </ol> </li>--> </ol> </li> <li><a href="#" rel="group-2">Videos</a> <ol id="group-2"> <li><a href="#videos-all" class="default videos-all">All Videos</a></li> <li><a href="#videos-current-exhibitions" class="videos-current-exhibitions">Current Exhibitions</a></li> <li><a href="#videos-past-exhibitions" class="videos-past-exhibitions">Past Exhibitions</a></li> <li><a href="#videos-film-trailers" class="videos-film-trailers">Film Trailers</a></li> <li><a href="#videos-adult-programs" class="videos-adult-programs">Adult Programs</a></li> <li><a href="#videos-poprally" class="videos-poprally">PopRally</a></li> <li><a href="#videos-special-projects" class="videos-special-projects">Special Projects</a></li> </ol> </li> <li><a href="#" rel="group-3">Interactive</a> <ol id="group-3"> <li><a href="#interactives-all" class="default interactives-all">All Interactive</a></li> <li><a href="#interactives-current-exhibitions" class="interactives-current-exhibitions">Current Exhibition Sites</a></li> <li><a href="#interactives-past-exhibitions" class="interactives-past-exhibitions">Past Exhibition Sites</a></li> <li><a href="#interactives-online-projects" class="interactives-online-projects">Online Projects</a></li> <li><a href="#interactives-destination" class="interactives-destination">Destination: Modern Art</a></li> <li><a href="#interactives-moma-learning" class="interactives-moma-learning">MoMA Learning</a></li> <li><a href="#interactives-red-studio" class="interactives-red-studio">Red Studio, A Site for Teens</a></li> <li><a href="#interactives-art-safari" class="interactives-art-safari">Art Safari</a></li> </ol> </li> </ol> </div> </div> <!--googleon: index--> <div id="packages" class="JS_MediaPackages"> <div class="header"> <h3 class="breadcrumbs"><a href="#">Multimedia</a></h3> <div class="controls"> <a href="#" class="prev disabled">&lt;</a> <a href="#" class="next">&gt;</a> <br class="clear" /> </div> <br class="clear" /> </div> <div class="holder"> <div class="slider"> </div> <div id="channel-loading">Loading...</div> </div> </div> <br class="clear" /> <!--googleon: index-->