• Icons
  • Docs
  • Lordicon
  • Lordicon
  • Pricing
  • More
  • Log in Sign up
Adobe XD
  • Foundations
  • Icon styles
  • Animation
  • Formats
  • Best practices
  • Integrations
  • Web
  • React
  • Flutter
  • WordPress
  • Webflow
  • Other
  • Tools
  • Figma
  • Canva
  • Adobe
  • Presentations
  • Support
  • Licenses
  • Account and Billing
  • Library
  • Troubleshooting

Use animated icons in Adobe XD

Include animated icons in your AdobeXD prototypes to help others understand your ideas without heavy front-end implementation.

  • In Lordicon library, select an animated icon

  • Customize your icon

  • Download icon as Lottie JSON

  • Set the animation on loop, or leave it to play only one time

  • Press play on the prototype and interact with animated icon

Best practices

See the best practices for applying static and animated icons to your projects.

Read more

Was this article helpful?

Sorry to hear that. How can we improve this article?

Thanks for your feedback!