Skip to content

feat(icons): add animated lucide icons (batch 2)#245

Merged
pqoqubbw merged 8 commits into
pqoqubbw:mainfrom
dikshantgulekar20-oss:feat/icons-batch-2
May 9, 2026
Merged

feat(icons): add animated lucide icons (batch 2)#245
pqoqubbw merged 8 commits into
pqoqubbw:mainfrom
dikshantgulekar20-oss:feat/icons-batch-2

Conversation

@dikshantgulekar20-oss

Copy link
Copy Markdown
Contributor

This PR introduces the second batch of animated Lucide icons with interaction-based animations such as hover, click, and appearance transitions.

Included Icons (Batch 2) :

  1. alarm-clock-check
  2. alarm-clock-plus
  3. alarm-clock-minus
  4. alarm-smoke
  5. antenna
  6. phone
  7. phone-call
  8. phone-forwarded
  9. phone-incoming
  10. phone-missed

🎥 Demo

A demo videos is attached showcasing the animations for the included icons.

All icons follow the existing project structure and animation patterns for consistency.

This is part 2 of a series of icon contributions.

Please feel free to review and share feedback. Happy to make improvements if needed 🙌

icons-batch-2-.1.mp4
icons-batch-2-.2.mp4

@vercel

vercel Bot commented Apr 30, 2026

Copy link
Copy Markdown

Someone is attempting to deploy a commit to the lucide-animated Team on Vercel.

A member of the Team first needs to authorize it.

@pqoqubbw

Copy link
Copy Markdown
Owner

antenna - same weird behavior
alarm-smoke - i see the idea, but right now it looks weird and disconnected. the lines at the bottom and the shaking block don't create a cohesive picture
alarm-clock-check - you're shaking the clock itself, but the checkmark stays in place, which looks strange
alarm-clock-minus - all good here
alarm-clock-plus - same issue as alarm-clock-check
phone - all good. i might slightly decrease the scale effect so it doesn't look so huge
phone-call - all good
phone-forward - the arrow gets clipped at the end just a bit because of the container, needs to be fixed
phone-incoming - the arrow isn't moving correctly, the path needs to be adjusted
phone-missed - same pathlength issue here

@dikshantgulekar20-oss

Copy link
Copy Markdown
Contributor Author

Thank you for the detailed and helpful feedback, I really appreciate it

I see the issues you pointed out, especially around inconsistent motion, disconnected elements, and pathLength usage. I’ll refine the animations for antenna, alarm-smoke, alarm-clock-check/plus, and phone-missed to make them more cohesive and natural.

I’ll also fix the arrow clipping and motion issues in phone-forwarded and phone-incoming, and slightly adjust the scale for the phone icon as suggested.

Glad to know some of the icons are working well, I’ll use those as a reference while improving the rest.

I’ll work on these changes and update the PR soon. Thanks again for your time and guidance — it really helps a lot!

@dikshantgulekar20-oss

Copy link
Copy Markdown
Contributor Author

Hey,
Based on your review, I have refined and improved several icons in this batch to address the issues you highlighted. I focused on making the animations more cohesive, fixing inconsistencies between elements, and removing problematic pathLength behaviors where necessary.

Updates Made :

  • Refined alarm-smoke animation to improve visual cohesion

  • Fixed alarm-clock-check and alarm-clock-plus so all elements animate consistently

  • Adjusted phone scale to reduce the intensity of the effect

  • Resolved arrow clipping and motion issues in:

    • phone-forwarded
    • phone-incoming
    • phone-missed
  • Removed problematic pathLength behavior and improved animation flow where needed

  • Replaced antenna with biceps-flexed for better animation quality

Updated Icon List (Batch 2) :

  1. biceps-flexed
  2. alarm-smoke
  3. alarm-clock-check
  4. alarm-clock-minus
  5. alarm-clock-plus
  6. phone
  7. phone-call
  8. phone-forwarded
  9. phone-incoming
  10. phone-missed

I’ve aimed to make the animations more consistent, and aligned with the overall design expectations.

Please feel free to review and share your thoughts. If any icons still need improvement or refinement, I’d be happy to iterate further.

Thank you again for your time 🫡.

updated-icon-batch-2.mp4

@pqoqubbw

pqoqubbw commented May 2, 2026

Copy link
Copy Markdown
Owner

for the phone arrows can we remove opacity and do something similar to arrow-down-right?

@dikshantgulekar20-oss

Copy link
Copy Markdown
Contributor Author

Thanks for the suggestion.

I’ll remove the opacity animation from the phone arrows and update them to follow a pattern similar to arrow-down-right for better consistency.

I’ll refine this and push the changes.

Appreciate the guidance 🙌

@dikshantgulekar20-oss

dikshantgulekar20-oss commented May 3, 2026

Copy link
Copy Markdown
Contributor Author

Hiii ,

I’ve removed the opacity animation from the phone arrows and updated them to follow a pattern similar to arrow-down-right, ensuring a more consistent and refined behavior across the icons.

Also, I apologize for any merge conflicts that may have occurred earlier.

Please feel free to review the changes and let me know if any further refinements are needed — I’d be happy to update them shortly.
Thank you again for your guidance .

updated-icons-batch-2.mp4

@pqoqubbw

pqoqubbw commented May 3, 2026

Copy link
Copy Markdown
Owner

resolve merge conflicts please

@dikshantgulekar20-oss

Copy link
Copy Markdown
Contributor Author

Apologies for the merge conflict earlier , it has now been resolved. Thank you for your patience 🙏

@dikshantgulekar20-oss

Copy link
Copy Markdown
Contributor Author

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 🙌

@pqoqubbw pqoqubbw left a comment

Copy link
Copy Markdown
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

thank you!

@pqoqubbw pqoqubbw merged commit 34a113f into pqoqubbw:main May 9, 2026
2 of 3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants