CSS3 Icon Buttons
CSS3 Icon Buttons is an neat minimal collection of CSS3 buttons to which you can easily attach an icon of your wish. It has a very simple HTML markup consistent of an href tag and an inside i tag for the icon, this way you will only need one line of code to place your button.
The pack it’s equipped with a lot of buttons with a lot of icons available:
- Dark Buttons
- Light Buttons
- 70 Icons ( for each theme )
All you need to do is place the source files needed somewhere on your server ( or localhost ) and link the styles in your page’s head, from this point on you will need the following markup in the body of your page to place a button:
[<]a class="iqn-button-dark" href="#"[>]
Of course the above is just an example of usage, because you have about seventy classes available for each icon and two classes available for the dark and light button. But you can read more about it in the documentation.
And lastly here’s a list of resources that have been used to built this item, all are open source and / or have an extended license:
And as a small appreciation for viewing my project, I offer you a small freebie, a PSD version of this icon buttons, fully layered and made with vectors :