Silk 2-State Icons

"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

License

This work is licensed under a Creative Commons Attribution 2.5 License. This means you may use it for any purpose, and make any changes you like. All I ask is that you include a link back to this page in your credits. I would prefer a GPL or MIT license, but that is not possible with these icons

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>

4 Comments on “Silk 2-State Icons”

  1. Rampa Says:

    Heya That’s a great blog you have going there and I look forward to more posts

  2. Sunday Speedlinking | Butterfly Media Romania Blog - Marketing, SEO and WordPress Says:

    [...] http://www.projectatomic.com/2008/04/silk-2-state-icons/ [...]

  3. Free Icons : Silk 2 State | FreshFreeStuff.Net Says:

    [...] "Silk 2 State" is an icon set derived from famous free icon "Silk" from Famfamfam.com. This icon set containing 1000 icons (2 state ready) in PNG format, it means each icon has two states, normal and dimmed, wich can be called using simple CSS or Javascript. Very useful :). [...]

  4. Bryan Says:

    What license have you published these icons under? You also should mention the Silk icons were originally published under the Creative Commons 2.5 Attribution License (http://creativecommons.org/licenses/by/2.5/).

Leave a Comment