CINXE.COM

famfamfam.com: Lab

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

 <!-- Document HEAD -->
 <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("http://www.famfamfam.com:80/lab/","20151206101936","https://web.archive.org/","web","/_static/", "1449397176"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" /> <!-- End Wayback Rewrite JS Include --> 
 
 <title>famfamfam.com: Lab</title>
 <link href="/web/20151206101936cs_/http://www.famfamfam.com/themes/alphasimple/styles/alphasimple.css" rel="stylesheet" type="text/css"/>
 <link rel="Shortcut Icon" href="/web/20151206101936im_/http://www.famfamfam.com/favicon.ico" type="image/x-icon"/>
 <link rel="alternate" type="application/rss+xml" title="famfamfam.com news" href="/web/20151206101936/http://www.famfamfam.com/feed.xml"/>

 <meta http-equiv="Content-Type" content="text/html; charset=utf-16"/>
 <meta name="mssmarttagspreventparsing" content="true"/>
 <meta name="robots" content="all"/> 
 <meta http-equiv="imagetoolbar" content="no"/>
 <meta name="description" content="famfamfam is the personal website of Mark James"/>
 <meta name="keywords" content="uk, united kingdom, england, birmingham, php, html, css, xhtml, xml, flash, icons, developer, web design, web designer"/>
 
 <meta name="author" content="Mark James"/>
 <meta name="copyright" content="Mark James"/>
 <meta name="revisit-after" content="7 days"/>
 
 <meta name="geo.position" content="52.5251;-1.9052"/>
 <meta name="geo.region" content="GB-BIR"/>
 <meta name="geo.placename" content="Birmingham"/>
 <meta name="geo.country" content="GB"/> 
 <meta name="ICBM" content="52.5251;-1.9052"/>

 <!-- Mint freshens! -->
 <script src="/web/20151206101936js_/http://www.famfamfam.com/mint/?js" type="text/javascript" language="javascript"></script>
 
 <script src="/web/20151206101936js_/http://www.famfamfam.com/themes/alphasimple/scripts/sifr.js" type="text/javascript"></script>
 <script src="/web/20151206101936js_/http://www.famfamfam.com/themes/alphasimple/scripts/prototype.js" type="text/javascript"></script>
 <script src="/web/20151206101936js_/http://www.famfamfam.com/themes/alphasimple/scripts/scriptaculous/effects.js" type="text/javascript"></script>
 <!--<script src="/themes/alphasimple/scripts/fam_blindmenu.js" type="text/javascript"></script>-->
 
 <!--[if gte IE 5.5000]>
 <script src="/themes/alphasimple/scripts/sleight.js" type="text/javascript"></script>
 <link href="/themes/alphasimple/styles/alphasimple-ie.css" rel="stylesheet" type="text/css" />
 <![endif]-->
 
 </head>

 <!-- Document BODY -->
 <body>

 <div id="container-outer">
 <div id="container-inner">
 
 <div id="header">
 <div>
 <h1><a href="/web/20151206101936/http://www.famfamfam.com/"><span>Famfamfam</span></a></h1>
 </div>
 </div><!-- /header -->
 
 <ol id="breadcrumbs">
 <li><a class="first" href="/web/20151206101936/http://www.famfamfam.com/">Home</a></li>
 <li><a href="/web/20151206101936/http://www.famfamfam.com/lab/">Lab</a></li>
 <li class="active"><a href="/web/20151206101936/http://www.famfamfam.com/lab/icons/">Icons</a></li>
 </ol>
 
 <!-- Content (centered) div (has two sections, an inner and an outer.) -->
 <div id="content-outer">
 
 <div id="content-sidebar">
 <ul id="menu">
 <li><a href="/web/20151206101936/http://www.famfamfam.com/">home</a>
 <div>
 <ul>
 <li><a href="/web/20151206101936/http://www.famfamfam.com/archive/">archive</a>
 <li><a href="/web/20151206101936/http://www.famfamfam.com/about/">about</a>
 <li><a href="/web/20151206101936/http://www.famfamfam.com/lab/">lab</a>
 <div>
 <ul>
 <li><a href="/web/20151206101936/http://www.famfamfam.com/lab/flash/">flash</a></li>
 
 <li><a class="active" href="/web/20151206101936/http://www.famfamfam.com/lab/icons/">icons</a>
 
 <div>
 <ul>
 <li><a href="/web/20151206101936/http://www.famfamfam.com/lab/icons/bitsy/">bitsy</a></li>
 <li><a href="/web/20151206101936/http://www.famfamfam.com/lab/icons/silk/">silk</a></li>
 <li><a href="/web/20151206101936/http://www.famfamfam.com/lab/icons/mini/">mini</a></li>
 <li><a href="/web/20151206101936/http://www.famfamfam.com/lab/icons/flags/">flags</a></li>
 </ul>
 </div> 
 
 </li>
 
 <li><a href="/web/20151206101936/http://www.famfamfam.com/lab/php/">php</a></li>
 </ul>
 </div>
 </li>
 </ul>
 </div>
 </li>
 </ul>
 
 <img id="side-header" src="/web/20151206101936im_/http://www.famfamfam.com/themes/alphasimple/images/side-header.gif" alt=""/>
 <ul id="side">
 <li><a href="https://web.archive.org/web/20151206101936/http://www.eleganceweddingcarhire.co.uk/">Elegance - Wedding Cars in Sutton Coldfield, Birmingham and the West Midlands</a></li>
 </ul>
 
 </div>
 
 <div id="content-inner"> 

 <h2>Icons</h2>
 
 <p>Need icons for your new website or web application, at the best price
 there is (<strong>free</strong>!)? Try one of the following sets:</p>
 <p>
 
 <div id="section-icons-silk" class="preview">
 <a href="/web/20151206101936/http://www.famfamfam.com/lab/icons/silk/">Silk
 <img src="/web/20151206101936im_/http://www.famfamfam.com/lab/icons/silk/silk_preview_small.gif" alt="Silk Icon set preview"/>
 </a>
 Smooth, colourful icons for any purpose
 </div>
 
 
 <div id="section-icons-flags" class="preview">
 <a href="/web/20151206101936/http://www.famfamfam.com/lab/icons/flags/">Flags
 <img src="/web/20151206101936im_/http://www.famfamfam.com/lab/icons/flags/flags_preview_small.gif" alt="Flag icon set preview"/>
 </a> 
 Country flags. Small and plentiful 
 </div>
 
 <div id="section-icons-mini" class="preview">
 <a href="/web/20151206101936/http://www.famfamfam.com/lab/icons/mini/">Mini
 <img src="/web/20151206101936im_/http://www.famfamfam.com/lab/icons/mini/mini_preview_small.gif" alt="Mini Icon set preview"/>
 </a> 
 Over 140 pixelicious web icons in GIF format 
 </div>

 
 <div id="section-icons-bitsy" class="preview">
 <a href="/web/20151206101936/http://www.famfamfam.com/lab/icons/bitsy/">Bitsy
 
 </a>
 Other web icons too big? The bitsy set will be even smaller than usual. Preview coming soon.
 </div>
 
 
 <br style="clear: both"/>
 </p>
 
 <p>I find churning out little web icons fairly relaxing. Other people do
 icons better, but I love free stuff, and I'm sure you
 do too.
 </p>
 
 
 </div><!-- /content_inner -->
 <!-- A break! -->
 <br class="clear"/>
 
 </div><!-- /content_outer -->

<div id="footer"><a type="application/rss+xml" href="/web/20151206101936/http://www.famfamfam.com/feed.xml">famfamfam news feed</a></div>
 

 
 </div><!-- /container_inner -->
 </div><!-- /container_outer -->

 <script type="text/javascript">
 //<![CDATA[
 if(typeof sIFR == "function"){
 sIFR.replaceElement("#content-sidebar h3", named({sFlashSrc: "/themes/alphasimple/flash/fonts/expressway.swf", sColor: "#DDDDDD", sCase: "upper"}));
 sIFR.replaceElement("h2", named({sFlashSrc: "/themes/alphasimple/flash/fonts/expressway.swf", sColor: "#FF0B5B", sCase: "upper"}));
 sIFR.replaceElement("h3", named({sFlashSrc: "/themes/alphasimple/flash/fonts/expressway.swf", sColor: "#FF0B5B", sCase: "upper"}));
 sIFR.replaceElement("h4", named({sFlashSrc: "/themes/alphasimple/flash/fonts/expressway.swf", sColor: "#FF0B5B", sCase: "upper"}));
 }; 
 //]]>
 </script>
 
</body>
</html><!-- FILE ARCHIVED ON 10:19:36 Dec 06, 2015 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 09:49:24 Dec 12, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). --> <!-- playback timings (ms): captures_list: 0.45 exclusion.robots: 0.021 exclusion.robots.policy: 0.013 esindex: 0.009 cdx.remote: 13.249 LoadShardBlock: 442.074 (3) PetaboxLoader3.datanode: 296.66 (4) PetaboxLoader3.resolve: 251.8 (3) load_resource: 181.264 -->