Overview of famfamfam icons sprite

Overview of sprite example of famfamfam silk icons.

by PeeHaa

HTML

<span title="add" class="fam add"></span><span title="anchor" class="fam anchor"></span><span title="application" class="fam application"></span><span title="application_add" class="fam application_add"></span><span title="application_cascade" class="fam application_cascade"></span><span title="application_delete" class="fam application_delete"></span><span title="application_double" class="fam application_double"></span><span title="application_edit" class="fam application_edit"></span><span title="application_error" class="fam application_error"></span><span title="application_form" class="fam application_form"></span><span title="application_form_add" class="fam application_form_add"></span><span title="application_form_delete" class="fam application_form_delete"></span><span title="application_form_edit" class="fam application_form_edit"></span><span title="application_form_magnify" class="fam application_form_magnify"></span><span title="application_get" class="fam application_get"></span><span title="application_go" class="fam application_go"></span><span title="application_home" class="fam application_home"></span><span title="application_key" class="fam application_key"></span><span title="application_lightning" class="fam application_lightning"></span><span title="application_link" class="fam application_link"></span><span title="application_osx" class="fam application_osx"></span><span title="application_osx_terminal" class="fam application_osx_terminal"></span><span title="application_put" class="fam application_put"></span><span title="application_side_boxes" class="fam application_side_boxes"></span><span title="application_side_contract" class="fam application_side_contract"></span><span title="application_side_expand" class="fam application_side_expand"></span><span title="application_side_list" class="fam application_side_list"></span><span title="application_side_tree" class="fam application_side_tree"></span><span title="application_split"...

CSS

/*!
 * famfamfam Icons Sprite
 *
 * Dejan Marjanovic <[email protected]>
 * http://webarto.com/
 *
 */
.fam{display:inline-block;height:16px;width:16px;background:url(http://i.minus.com/iteoqeIfCqmJM.png) no-repeat 0 0;}
.fam.accept{background-position: -0px -0px}
.fam.add{background-position: -16px -0px}
.fam.anchor{background-position: -32px -0px}
.fam.application{background-position: -48px -0px}
.fam.application_add{background-position: -64px -0px}
.fam.application_cascade{background-position: -80px -0px}
.fam.application_delete{background-position: -96px -0px}
.fam.application_double{background-position: -112px -0px}
.fam.application_edit{background-position: -128px -0px}
.fam.application_error{background-position: -144px -0px}
.fam.application_form{background-position: -160px -0px}
.fam.application_form_add{background-position: -176px -0px}
.fam.application_form_delete{background-position: -192px -0px}
.fam.application_form_edit{background-position: -208px -0px}
.fam.application_form_magnify{background-position: -224px -0px}
.fam.application_get{background-position: -240px -0px}
.fam.application_go{background-position: -256px -0px}
.fam.application_home{background-position: -272px -0px}
.fam.application_key{background-position: -288px -0px}
.fam.application_lightning{background-position: -304px -0px}
.fam.application_link{background-position: -320px -0px}
.fam.application_osx{background-position: -336px -0px}
.fam.application_osx_terminal{background-position: -352px -0px}
.fam.application_put{background-position: -368px -0px}
.fam.application_side_boxes{background-position: -384px -0px}
.fam.application_side_contract{background-position: -400px -0px}
.fam.application_side_expand{background-position: -416px -0px}
.fam.application_side_list{background-position: -432px -0px}
.fam.application_side_tree{background-position: -448px -0px}
.fam.application_split{background-position: -464px -0px}
.fam.application_tile_horizontal{background-position: -480px...