200+ Great CSS3 Buttons and Icons Ready to Use

Last week I was working on a new project and needed some buttons that I would prefer to create using CSS3.

I decided to look around and see what was available and ready to be used on a project and at same time I decided to create a post listing the ones I liked the most so you can also benefit from this quest.

Here is a list of buttons and icons that I liked the most and can be used in your project.

Classic buttons

Buttons showing a variety of CSS3 styles in different combinations.

Classic buttons

Multi-colored Push Buttons

A set of multi-colored push buttons with cool active states.

Multi-colored Push Buttons

Multi-colored Buttons

A set of multi-colored buttons with hover and active states.

Multi-colored Buttons

3D Buttons

Multi-colored 3D buttons with normal, hover and active states.

3D Buttons

Pressable CSS Buttons

Multi-colored pressable buttons with different shapes and sizes.

3D Buttons

Fancy 3D-Button

A simple button, styled with different box-shadows for a 3D-look.

Fancy 3D-Button

CSS3 iOS Like Buttons

Looking for iOS-like buttons? Go here and download these.

CSS3 iOS Like Buttons

CSS Social Buttons

Social buttons in several shapes.

CSS Social Buttons

CSS3 patterned buttons

Nice looking CSS3 patterned buttons.

CSS3 patterned buttons

CSS3 GitHub Buttons

CSS3 GitHub Buttons helps you easily create GitHub-style buttons from links, buttons, and inputs.

CSS3 GitHub Buttons

Zocial CSS3 Buttons

Forty-two social CSS3 buttons and icons.

Zocial CSS3 Buttons

CSS3 Gmail Buttons

CSS3 Gmail Buttons is a collection of button styles inspired by the Gmail UI.

CSS3 Gmail Buttons

One Div

Great list of icons and UI elements.

One Div
Advertisement