Ghost Check Mark & Close Icon Animation
Pure CSS animation for checkmark and a close icon designed by Lee Porter ...
Close, Next & Previous Arrow SVG Animation
If you have an image slider, paginated content or section in the hero section where you want to showcase multiple items and give users a way to browse through them using next and previous arrows, this design by Jean Paze ...
Delete Icon to Button Animation
A delete trashcan icon that changes to a delete button on hover and it shows an “are you sure” confirmation on click and once more click and you get the deletion successful message. Designed by Danny Iovane. ...
Hamburger Menu to Social Sharing Icons
Designed by Tony Ooi, this snippet lets you add a hamburger menu icon to your webpage. When you click on it, it reveals 3 social media sharing icons arranged from the top right corner in a circular fashion. ...
Simple Hamburger Menu to X Mark Animation
Here is a simple hamburger menu icon to a close animation designed by Dicson. When you click on it the hamburger menu collapses to a single line and then transforms into an X mark. ...
Search Icon To Search Bar Morph
This fancy search icon will morph into a search field on click, it was designed by Gregor Adams. ...
Tag
icon
Icon Design Inspiration
Icons are a very important element of any well-designed websites. You can get icons from free icon pack or get custom designed icons that will work well with your site’s overall design. We have picked a few of our favourites from social icons to hamburger menu icons that will help you get some inspiration to use in your next web project.