Skip to content
Best 4 Web Design
Useful tools, resources & freebies for
Front-End Web Developer, UX Designer & Web Designer

Animated icons, symbols and buttons using SVG and CSS

Transformicons: Animated icons, symbols and buttons using SVG and CSS. Inspired by the article from Sara Soueidan and the work of Bennett Feely. It's an animated symbol/button using CSS and presented in a neatly packaged library for Sass along with Vanilla CSS. What browsers do you support? IE10+, Chrome 36+, Safari 6+, Firefox 30+, Opera 22+, iOS 7+, Android 4+,...

Go to the Site
Animated icons, symbols and buttons using SVG and CSS

A collection of CSS buttons

jQuery & CSS Animated Toolbar Icons

11 Examples of How Ghost Buttons are Used Effectively

Semi-Transparent Buttons

60 business icons by Icons Mind – Free download

How to Create CSS Ghost Buttons

Themify Icons 320+ Pixel-perfect Icons for Web and Apps

Morphing Buttons Concept

20 Awesome and Free CSS Buttons and Icons

Making SVG Animated Icons

Perfect Icons, create custom social media icons for your website

Responsive Social Sharing Buttons

Free Animated SVG Icons

Create Gender and Orientation Symbols With Basic Shapes in Illustrator

Buttons With Built-in Progress Meters

Free download: CSS3 buttons

50 Free Vector Art Signs And Symbols Packs

How to Create Vector Buttons, Icons, Logos and Badges Using Tutorials

25 CSS3 Free Buttons For Designers

Free PSD UI Kit: Super Buttons

40 Symbols, Signs, Glyph And Simple Icon Sets For Your Design

CSS3 patterned buttons

How to Create Fancy Animated Buttons in CSS3

Wooden Style 3D Buttons

30+ awesome PSD buttons

Great resource for web buttons

CSS Buttons with Pseudo-elements

Best 4 Web Design
Useful tools, resources & freebies for
Front-End Web Developer, UX Designer & Web Designer
[email protected] | Privacy