Make your clickable element be adorable!
Everyone loves animated buttons, just like what twitter and instagram did. They have awesome like & fav buttons, but we can do better. With this library of SVG animated button icons, you can make your webpage and application be awesome as well!
Visit https://apollowayne.me/SVG-Animated-UI-Element/ to see a DEMO!
 |
 |
 |
|---|---|---|
| Like Button | Fav Button | Bookmark |
.icon-like |
.icon-fav |
.icon-bookmark |
 |
 |
 |
|---|---|---|
| Retweet Button | Reply Button | Thumbup Button |
.icon-retweet |
.icon-reply |
.icon-thumbup |
 |
 |
 |
|---|---|---|
| Donate Button | Share Button | Download Button |
.icon-donate |
.icon-share |
.icon-download |
We will add more! If you have requirement please send us issues!
- Download the Repo
- Get the svg and css from
/srcfolder - Paste the svg to your images folder of website
- Add the css to make the button alive
Compared with the animated icon by PNG, SVG images is much smaller and could be easily modified in production. It's a good try to make all your UI elements described with svg images on website. So we create this repo to help the designers.
Share IconDownload Icon- Plus One Icon
If you think this project is helpful to your development, you could just give me a cup of coffee. Thank you! ❤️
