"Silk 2-State" is an icon set derived from the ubiquitous Silk icon set, containing 1000 icons in PNG format. Each icon has two states, normal and dimmed, which can be called using CSS or JavaScript.

Download

silk-2state-icons.zip

Example

accept.png
add.png
anchor.png
application.png

<style type="text/css">
  a.accept, a.add, a.anchor, a.application, a.disk {
  	background-position: left -16px;
  	background-repeat: no-repeat;
  	padding-left: 18px;
  	height: 16px;
  	color: #9999cc;
  	text-decoration: none;
  }
  a.accept:hover, a.add:hover, a.anchor:hover, a.application:hover, a.disk:hover {
  	background-position: left 0px;
  	color: #00f;
  }
  a.accept { background-image: url(icons/accept.png); }
  a.add { background-image: url(icons/add.png); }
  a.anchor { background-image: url(icons/anchor.png); }
  a.application { background-image: url(icons/application.png); }
  a.disk { background-image: url(icons/disk.png); }
</style>
.
.
.
<a class="accept" href="icons/accept.png">accept.png</a>
<a class="add" href="icons/add.png">add.png</a>
<a class="anchor" href="icons/anchor.png">anchor.png</a>
<a class="application" href="icons/application.png">application.png</a>