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

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

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

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

Single Element Pure CSS Mackbook Pro

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

Google Browser Icon Set In Pure CSS

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

CSS flat wallet icon

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

Dribbble Icon

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

Animated icons

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

Flat Icons CSS – Dribbble Remake

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

Pure CSS Iconex Flat Icon Set

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

Flat CSS Pure Burger Icon

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

Map Marker CSS Only

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

Device In Pure CSS

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

Compass CSS3

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

Full CSS Nes

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

TweetBot IOS7 Icon

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

Computer Monitor and Laptop Pure CSS

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

Hanging Picture Frames

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

Animated Trash Icon Pure CSS

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

Mail Icon

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

CSS Hamburger Icon

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

Pure CSS Ribbon

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

Vector Opera Logo

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

CSS Microphone Icons

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

Pure CSS Owl

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

Pure CSS3 Arrow Icon

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

Pure CSS Google Logo

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

Pure CSS Peeling Sticky

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

Cute CSS3 Only Animals

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

Pure CSS RSS Icon

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

Credit Card

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

Camera

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

Pure CSS3 Calender Icon

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

Currency Icon

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

CSS Flat Gift Icon

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

Responsive CSS WordPress Logo

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

Pure CSS Folder

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

Google Search Voice Pure CSS3

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

Envelop Hover Transition

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

IOS Camera Icon

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

Pure CSS Printer

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

Pure CSS3 Preloader

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

Color Picker in Pure CSS

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

Pure CSS Checklist Icon

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

CSS Smileys

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

Apple Mice

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

CSS-Only Buttons

Progress Button Styles

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

Pure CSS Flat Switches

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

CSS3 Patterned Buttons

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

Button Switches with Checkboxes and CSS3 Fanciness

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

Creative Button Styles

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

Share It Reloaded

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

Styled Radio Buttons

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

SmashingApps.com participates in various affiliate marketing programs and especially Amazon Services LLC Associates Program, which means we may get paid commissions on editorially chosen products purchased through our links to any of the linked sites from us.