feat(icons): add animated lucide icons (batch 1)#244
feat(icons): add animated lucide icons (batch 1)#244dikshantgulekar20-oss wants to merge 13 commits into
Conversation
|
Someone is attempting to deploy a commit to the lucide-animated Team on Vercel. A member of the Team first needs to authorize it. |
|
|
|
Thank you so much for the detailed feedback — I really appreciate you taking the time to review each icon so thoroughly 🙌 I understand your points regarding the pathLength animations and the inconsistent behavior in some icons. I’ll rework those (flower, recycle, utility-pole, tree-deciduous, waves, and flower-2) and explore more stable and visually cohesive animation approaches. Glad to hear that leaf, leafy-green, and tree-pine are working well — I’ll keep that direction in mind while refining the others. I’ll make the improvements and update this PR. Thanks again for the guidance — it’s really helping me improve the quality of the animations |
|
First of all, I sincerely apologize for the delay in my response, and thank you for your patience. Based on your feedback, I’ve revisited the first batch and made the necessary adjustments. I’ve removed the pathLength-based animations as suggested and reworked the set to ensure more consistent and stable animation behavior. Additionally, I have replaced some of the earlier icons (utility-pole, flower, flower-2, and recycle) with new ones that better align with the expected animation quality and direction. Updated Icon List (Batch 1)
I’ve tried to keep the animations more cohesive and predictable while maintaining a clean interaction experience. I would really appreciate it if you could take another look and share your thoughts. If any icons still need improvement or refinement, I’d be happy to work on them further. updated-icon-batch-1.mp4Thank you again for your time and detailed feedback 🫡. |
|
what happened to some of the old icons?
everything else is good to go |
|
Thank you for your review and for the helpful suggestions, I really appreciate your time and feedback 🙌 Apologies for the confusion regarding some of the earlier icons. Due to time constraints on my end, I wasn’t able to refine a few of the previous ones as intended, so I temporarily replaced them with other icons that I had already prepared. I’m sorry for that inconsistency. I will now revisit those icons and make the necessary improvements. Specifically, I will remove the scale animation from circle-gauge and update the waves-arrow-up and waves-arrow-down animations to align with the behavior used in arrow-based icons like arrow-down-right. Thank you again for your guidance, it has been very helpful in improving the quality of the work. I’ll update the PR with these changes. |
|
heyy,
These changes aim to improve clarity and maintain a more consistent animation pattern across icons. Also, I apologize for any merge conflicts that may have occurred due to recent icon replacements. Please feel free to review and let me know if any further refinements are needed — I’d be happy to update them shortly. Thank you again for your guidance . |
|
video? and resolve merge conflicts please |
updated-icons-batch-1.mp4here the updated video and resolved the merge conflict. |
|
circle-gauge - why do you animate the whole svg? why do you need this translate y or something? just line animation |
|
i'm not gonna tell you every time to check something or fix conflicts, this is your responsibility to keep the PR ready and green 
|
|
fix ALL of your PRs or i’m just going to close them. you didn't properly resolve the conflicts and you didn't read the contribution guide (since you skipped some of the required steps) fix the PRs or i’ll close them in a week. i'm not going to review any of the animations before then |
|
Hiii, I sincerely apologize for the delay in responding and for not resolving the merge conflicts earlier. Thank you very much for your patience and understanding. I have now resolved all the merge conflicts and updated the branches by following the proper contribution guidelines as suggested. I truly appreciate your time, support, and guidance throughout this process. Thank you again for your patience 🙌 |
| width={size} | ||
| xmlns="http://www.w3.org/2000/svg" | ||
| > | ||
| {/* <motion.g animate={controls} initial="normal" variants={ARROW_VARIANTS}> */} |
| initial="normal" | ||
| variants={HEAD_VARIANTS} | ||
| /> | ||
| {/* </motion.g> */} |
|
Hii 👋 I noticed some updates were made to the Batch 1 icons. Please let me know if there are any additional refinements or improvements you’d like me to work on for this batch, I’d be happy to update them accordingly. Thank you 🙌 |
|
any updates? |
|
Hi 👋 Thank you for pointing that out. I've removed the leftover commented code and also resolved the merge conflicts in the branch. The updates have been pushed. Whenever you have time, please review the changes. If there are any additional improvements needed, I'd be happy to address them. Thank you again for your time and feedback 🙌 |
2 participants
This PR introduces the first batch of animated Lucide icons with interaction-based animations such as hover, click, and appearance transitions.
Included Icons (Batch 1):
🎥 Demo
A demo video is attached showcasing the animations for the included icons.
All icons follow the existing project structure and animation patterns for consistency.
This is part 1 of a series of icon contributions. I will continue submitting the remaining icons in separate PRs.
Please feel free to review and share feedback. Happy to make improvements if needed 🫡
icons-batch-1-.2.mp4
icons-batch-one-.1.mp4