Qu’est-ce qu’une animation Lottie ?

Une <a href="https://lottiefiles.com/what-is-lottie" target="_blank" rel="nofollow">animation Lottie</a> est un format de fichier open source. C’est un format basé sur JSON, léger (environ 600 % plus petit que les GIF), facilement modifiable et qui fonctionne sur presque toutes les plateformes.

À quoi puis-je utiliser les animations Lottie ?

Vous pouvez utiliser les animations Lottie dans vos conceptions d'applications Web ou mobiles. Vous pouvez également les ajouter à des plateformes telles que WordPress ou Webflow, des outils de conception tels que Figma ou Adobe XD, ainsi que d'autres plateformes telles que Reddit ou Notion. Utilisez-les pour créer de meilleures interfaces utilisateur, un contenu marketing attrayant ou simplement pour ajouter une touche de plaisir à votre plateforme préférée.<br /><br />Voici comment des leaders du secteur comme Disney, Headspace et Duolingo utilisent les <a href="https://lottiefiles.com/showcase" target="_blank" rel="nofollow">animations Lottie.</a>

Où puis-je trouver des animations Lottie gratuites ?

IconScout propose de nombreuses <a href="https://iconscout.com/free-lottie-animations" target="_blank">animations Lottie gratuites</a>, ainsi que des animations premium auxquelles vous pouvez accéder si vous disposez d'un abonnement <a href="https://iconscout.com/pricing" target="_blank" rel="nofollow">All Access</a>. Vous pouvez également obtenir des milliers d'animations Lottie gratuites sur <a href="https://lottiefiles.com/featured" target="_blank" rel="nofollow">LottieFiles.</a>

Comment créer une animation Lottie ?

Vous pouvez utiliser le plugin LottieFiles pour Adobe After Effects pour exporter votre projet en tant qu'animation Lottie. Mais si vous ne connaissez rien au motion design, vous pouvez prendre n'importe quelle image SVG statique et la transformer en animation Lottie avec l'outil <a href="https://iconscout.com/converter/svg-to-lottie" target="_blank" rel="nofollow">SVG to Lottie.</a>

Comment modifier les animations Lottie ?

Vous pouvez modifier les animations Lottie à l'aide de l'<a href="https://lottiefiles.com/editor" target="_blank" rel="nofollow">éditeur Lottie</a> gratuit : cet outil facilite grandement la modification des animations Lottie, même si vous ne connaissez rien au motion design. Changez les couleurs, les dimensions, les fréquences d'images, etc.

Comment utiliser Lottie en HTML ?

Vous pouvez facilement ajouter Lottie à vos pages Web avec HTML et le lecteur Web LottieFiles. Voici comment <a href="https://lottiefiles.com/blog/working-with-lottie/how-to-add-lottie-animation-in-web-page-html/" target="_blank" rel="nofollow">générer automatiquement le code HTML pour vos animations Lottie</a>.

Comment utiliser Lottie dans React ou d’autres bibliothèques et frameworks JavaScript ?

Il existe de nombreuses bibliothèques Lottie disponibles pour les bibliothèques et frameworks JavaScript tels que React, Svelte, Vue et Angular. Consultez la liste des <a href="https://github.com/LottieFiles/awesome-lottie" target="_blank" rel="nofollow">bibliothèques Lottie et leur documentation ici.</a>

Comment utiliser Lottie sur Android et iOS ?

Les animations Lottie peuvent être implémentées dans vos applications mobiles à l'aide de bibliothèques pour Android, React Native, Flutter, iOS, etc. Consultez la liste des <a href="https://github.com/LottieFiles/awesome-lottie" target="_blank" rel="nofollow">bibliothèques Lottie pour mobile et leur documentation ici.</a>

Comment ajouter des animations Lottie à Figma ?

Téléchargez le <a href="https://iconscout.com/plugins/for-figma" target="_blank" rel="nofollow">plugin IconScout pour Figma</a>, qui vous permet de glisser-déposer des animations Lottie dans Figma au format GIF. Vous pouvez également utiliser le <a href="https://lottiefiles.com/plugins/figma" target="_blank" rel="nofollow">plugin LottieFiles pour Figma.</a>

Comment ajouter des animations Lottie à Canva ?

Téléchargez le <a href="https://iconscout.com/plugins/iconscout-for-canva" target="_blank" rel="nofollow">plugin IconScout pour Canva</a>, qui vous permet de glisser-déposer des animations Lottie dans Canva au format GIF. Vous pouvez également télécharger des animations Lottie depuis LottieFiles pour <a href="https://lottiefiles.com/blog/tips-and-tutorials/how-to-create-animated-canva-designs" target="_blank" rel="nofollow">les utiliser dans vos designs Canva.</a>

Comment ajouter des animations Lottie à Notion ?

Vous pouvez télécharger des animations Lottie au format GIF et les glisser-déposer dans Notion. Vous pouvez également <a href="https://lottiefiles.com/blog/working-with-lottie/embed-lottie-animations-without-code" target="_blank" rel="nofollow">intégrer des animations LottieFiles dans Notion</a> en collant un lien d’intégration.

Comment ajouter des animations Lottie à WordPress ?

Téléchargez le <a href="https://lottiefiles.com/plugins/wordpress" target="_blank" rel="nofollow">plugin LottieFiles pour WordPress</a>, qui vous permet de rechercher et d'insérer des tonnes d'animations Lottie gratuites. Le plugin vous permet également d'insérer n'importe quelle animation Lottie que vous avez téléchargée depuis IconScout.

Découvrez 781 000+ animations Lottie gratuites et premium

Apportez la magie du mouvement à vos créations. Accédez à 781 000+ animations Lottie, avec 2 000 nouvelles ajoutées chaque semaine. Téléchargez-les aux formats Lottie JSON, dotLottie, GIF, AEP ou MP4. Et mieux encore : personnalisez instantanément les animations pour les adapter à votre palette de couleurs.

Approuvé par 7,9 millions+ utilisateurs dans le monde entier

Catégories Lottie tendance

Business

159,507 Animations Lottie

User Interface

60,520 Animations Lottie

E-commerce and Shopping

426,622 Animations Lottie

Payment

39,222 Animations Lottie

Découvrez les animations de Lottie

Tendance Animations Lottie Paquets

Voir tout

Unicons - Icônes animées Lot d'Animations Lottie

1215 Animations Lottie

Chargement du pack d'icônes animées de points Lot d'Animations Lottie

43 Animations Lottie

Plus de 100 icônes animées Lot d'Animations Lottie

262 Animations Lottie

Icônes de police Lot d'Animations Lottie

98 Animations Lottie

Exclusivité IconScout Lot d'Animations Lottie

611 Animations Lottie

Isométrique Lot d'Animations Lottie

2415 Animations Lottie

Entreprise Lot d'Animations Lottie

20 Animations Lottie

Bravo Lot d'Animations Lottie

140 Animations Lottie

Animations Lot d'Animations Lottie

17487 Animations Lottie

École et éducation Lot d'Animations Lottie

574 Animations Lottie

Contour de couleur Lot d'Animations Lottie

626 Animations Lottie

Professionnels bleus Lot d'Animations Lottie

30 Animations Lottie

Populaire Animations Lottie Packs

30,305 Atouts

Voir tout

Interface utilisateur essentielle Pack d'Animation Icon

156 Animations Lottie

Entreprise Pack d'Animation Icon

8 Animations Lottie

Entreprise Pack d'Animation Illustration

20 Animations Lottie

Activités commerciales Pack d'Animation Illustration

20 Animations Lottie

Finance Pack d'Animation Icon

10 Animations Lottie

Interface utilisateur Vol 2 Pack d'Animation Icon

40 Animations Lottie

Free Espace Pack d'Animation Icon

4 Animations Lottie

Robotique et automatisation Pack d'Animation Illustration

5 Animations Lottie

Free Conception de sites Web Pack d'Animation Illustration

10 Animations Lottie

Technologie Pack d'Animation Illustration

40 Animations Lottie

Pack compte à rebours Pack d'Animation Icon

5 Animations Lottie

Free Interface utilisateur Pack d'Animation Icon

43 Animations Lottie

En vedette Animations Lottie Packs

30,305 Atouts

Voir tout

Chargeur de graduations Pack d'Animation Icon

10 Animations Lottie

Rabais Pack d'Animation Icon

25 Animations Lottie

Achats Pack d'Animation Icon

30 Animations Lottie

Nouveaux émojis Pack d'Animation Icon

40 Animations Lottie

Finance Pack d'Animation Icon

24 Animations Lottie

Beauté et soins de la peau Pack d'Animation Icon

49 Animations Lottie

Rubans Pack d'Animation Icon

16 Animations Lottie

Pack de morphisme du verre Pack d'Animation Icon

9 Animations Lottie

Saas Pack d'Animation Illustration

10 Animations Lottie

Démarrer Pack d'Animation Icon

25 Animations Lottie

Ensemble de gribouillages féminins Pack d'Animation Icon

45 Animations Lottie

Expérience d'achat en ligne Pack d'Animation Illustration

6 Animations Lottie

Exclusif Animations Lottie Packs

30,305 Atouts

Voir tout

Chat Pack d'Animation Illustration

3 Animations Lottie

Free Espace Pack d'Animation Icon

4 Animations Lottie

Free Entreprise Pack d'Animation Illustration

10 Animations Lottie

Chargeurs IA Pack d'Animation Icon

6 Animations Lottie

Interface utilisateur des commentaires Pack d'Animation Icon

3 Animations Lottie

Confettis et félicitations Pack d'Animation Icon

8 Animations Lottie

Réussi Pack d'Animation Icon

11 Animations Lottie

Chargement Pack d'Animation Icon

27 Animations Lottie

Free Marque de réussite Pack d'Animation Icon

5 Animations Lottie

Fait Pack d'Animation Icon

6 Animations Lottie

Pack de morphisme du verre Pack d'Animation Icon

9 Animations Lottie

Alertes et erreurs Pack d'Animation Icon

4 Animations Lottie

Gratuit Animations Lottie Packs

144 Atouts

Voir tout

Free Marque de réussite Pack d'Animation Icon

5 Animations Lottie

Free Espace Pack d'Animation Icon

4 Animations Lottie

Free Chargeur dynamique Pack d'Animation Icon

10 Animations Lottie

Free Entreprise Pack d'Animation Illustration

10 Animations Lottie

Free Marketing d'entreprise Pack d'Animation Illustration

10 Animations Lottie

Free Succès du paiement Pack d'Animation Icon

4 Animations Lottie

Free Le marketing numérique Pack d'Animation Illustration

10 Animations Lottie

Free Service client Pack d'Animation Icon

5 Animations Lottie

Free Conception de sites Web Pack d'Animation Illustration

10 Animations Lottie

Free Chargement de cercles et de balles Pack d'Animation Icon

5 Animations Lottie

Free Site web Pack d'Animation Illustration

10 Animations Lottie

Free Finance Pack d'Animation Icon

5 Animations Lottie

Derniers Animations Lottie Packs

30,305 Atouts

Voir tout

Signal Pack d'Animation Icon

32 Animations Lottie

Médical et soins de santé Pack d'Animation Illustration

50 Animations Lottie

Essentiel Pack d'Animation Icon

37 Animations Lottie

Journalisme Pack d'Animation Icon

25 Animations Lottie

Bonheur Pack d'Animation Icon

25 Animations Lottie

Bonheur Pack d'Animation Icon

25 Animations Lottie

Ferme Pack d'Animation Icon

10 Animations Lottie

En retard au bureau Pack d'Animation Icon

25 Animations Lottie

Thème d'Halloween Pack d'Animation Icon

6 Animations Lottie

Voiture roulant sur la route Pack d'Animation Illustration

50 Animations Lottie

Citrouille d'Halloween Pack d'Animation Icon

13 Animations Lottie

Nuage Pack d'Animation Icon

8 Animations Lottie

Nos outils et notre bibliothèque d’animation

Personnalisez et intégrez facilement des animations Lottie

SVG vers Lottie

Convertissez facilement des icônes et illustrations SVG en Lottie

Animer SVG

Éditeur Lottie

Modifiez, ajoutez un thème et configurez des interactions pour rendre vos animations dynamiques

Découvrir l’Éditeur Lottie

Icônes animées

Plus de 160 000 icônes animées de haute qualité pour capter l’attention de vos utilisateurs.

Découvrir les icônes animées

Léger, évolutif et interactif

Un format qui s’adapte à toutes vos expériences numériques.

600 % plus léger, 10x plus rapide

Lottie est une alternative compacte aux séquences GIF et PNG. Sa taille réduite accélère le chargement.

Compatibilité multiplateforme

Remise facile de Lottie, car il est compatible avec le Web, iOS, Android et plus encore.

Évolutif et modifiable

Lottie, basé sur des vecteurs, rend les animations évolutives sans pixellisation et également modifiables.

Animation interactive

La bibliothèque d’interactivité Lottie permet des interactions d’animation qui offrent une expérience utilisateur plus engageante.

Accédez à vos ressources sur vos outils de conception préférés

Obtenez n'importe quelle ressource de conception sans quitter vos outils préférés. IconScout propose des plugins et des intégrations pour les plateformes de conception et de développement populaires.