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