50 Free CSS-Only Icons And Buttons For Your Website Graphics

Web developers and designers need to keep up with all the new stuff that has been recently developed or launched, and that include the modern CSS trends as well. For this collection, we thought to compile some amazing and free to use CSS only icons for your website graphics. Therefore, we have compiled 50 examples of CSS based icon designs for you.

Here, we are presenting the complete collection after the jump. We hope that you will like this collection and find these CSS based icons useful for you. These range from general purpose icon sets to character designs created purely within HTML/CSS code. We hope that you will enjoy this collection.

CSS-Only Icons

Pure CSS Clok

Single Element Pure CSS Mackbook Pro

Google Browser Icon Set In Pure CSS

CSS flat wallet icon

Dribbble Icon

Animated icons

Flat Icons CSS – Dribbble Remake

Pure CSS Iconex Flat Icon Set

Flat CSS Pure Burger Icon

Map Marker CSS Only

Device In Pure CSS

Compass CSS3

Full CSS Nes

TweetBot IOS7 Icon

Computer Monitor and Laptop Pure CSS

Hanging Picture Frames

Animated Trash Icon Pure CSS

Mail Icon

CSS Hamburger Icon

Pure CSS Ribbon

Vector Opera Logo

CSS Microphone Icons

Pure CSS Owl

Pure CSS3 Arrow Icon

Pure CSS Google Logo

Pure CSS Peeling Sticky

Cute CSS3 Only Animals

Pure CSS RSS Icon

Credit Card

Camera

Pure CSS3 Calender Icon

Currency Icon

CSS Flat Gift Icon

Responsive CSS WordPress Logo

Pure CSS Folder

Google Search Voice Pure CSS3

Envelop Hover Transition

IOS Camera Icon

Pure CSS Printer

Pure CSS3 Preloader

Color Picker in Pure CSS

Pure CSS Checklist Icon

CSS Smileys

Apple Mice

CSS-Only Buttons

Progress Button Styles

Pure CSS Flat Switches

CSS3 Patterned Buttons

Button Switches with Checkboxes and CSS3 Fanciness

Creative Button Styles

Share It Reloaded

Styled Radio Buttons