IconScout Downloader : guide des icônes, de la 3D et du Lottie

Le téléchargeur IconScout vous donne des icônes, des illustrations 3D et des animations Lottie en collant un lien, pour construire une interface ou une présentation soignée sans acheter un forfait complet pour quelques fichiers. Ce guide explique chaque type de fichier, quel format choisir selon l'usage et comment garder un projet entier visuellement cohérent.

Que peut-on obtenir sur IconScout ?

IconScout est une place de marché et une bibliothèque de ressources de design. Les trois catégories qui intéressent le plus de monde sont :

• Les icônes : icônes uniques et ensembles d'icônes dans de nombreux styles, comme le trait, le plein, le duotone et l'aplat de couleur.
• Les illustrations 3D : des objets et des scènes en rendu 3D qui donnent de la profondeur aux pages d'atterrissage et aux présentations.
• Les animations Lottie : de petits fichiers animés utilisés dans les applications, les sites web et les présentations pour les écrans de chargement, l'accueil des nouveaux utilisateurs, les états vides et les micro-interactions.

Il existe aussi des illustrations, des stickers et d'autres ressources, mais les icônes, la 3D et le Lottie constituent le cœur de la plupart des demandes.

Quel format de fichier utiliser ?

C'est avec les formats que la plupart des débutants perdent du temps. Voici la version courte.

SVG pour les icônes et les illustrations en aplat

Le SVG est un format vectoriel. Il s'adapte à toutes les tailles sans flou, son poids est minuscule et vous pouvez changer les couleurs dans le code ou dans un outil de design. Utilisez le SVG pour les icônes de sites web, les interfaces d'applications, les logos sur maquettes et la préparation à l'impression.

PNG pour un placement rapide

Le PNG est une image matricielle avec transparence. Il convient aux diapositives, aux publications sociales et aux e-mails, quand vous n'avez pas besoin de modifier la forme. Exportez à une taille d'au moins deux fois celle de l'affichage pour qu'il reste net sur les écrans haute densité.

JSON pour les animations Lottie

Une animation Lottie est un fichier JSON qui décrit le mouvement. Une page web ou une application la lit avec une petite bibliothèque de lecture. Elle est bien plus légère qu'un GIF et reste nette à toutes les tailles. Certaines bibliothèques proposent aussi une version dotLottie, qui est un paquet compressé.

Choisir pour la 3D

Les illustrations 3D sont normalement livrées en PNG à fond transparent, parfois avec des angles supplémentaires ou des variantes de couleur. Elles sont plus lourdes que les icônes : compressez-les avant de les utiliser sur une page web.

Comment utiliser le téléchargeur IconScout

1. Cherchez sur IconScout. Utilisez d'abord le filtre de type : icônes, 3D, Lottie ou illustrations. Ajoutez ensuite un mot-clé comme payment, shopping cart ou success.
2. Ouvrez la page de la ressource et vérifiez le style, le nom du pack et les formats disponibles.
3. Copiez le lien depuis la barre d'adresse.
4. Ouvrez le téléchargeur IconScout, collez le lien et validez.
5. Téléchargez le fichier et décompressez-le s'il arrive sous forme de pack.
6. Testez-le dans votre design avant d'en télécharger d'autres. Une icône dans le bon style vaut mieux que vingt qui ne vont pas ensemble.

Si vous préférez explorer librement toute la bibliothèque, il existe aussi l'accès IconScout via le compte, ouvert avec l'extension, le navigateur sécurisé ou la version cloud.

Comment garder un jeu d'icônes cohérent

L'erreur qui donne un air amateur aux interfaces, c'est le mélange des styles. Suivez ces règles.

• Une seule famille par projet. Choisissez un pack et téléchargez-y vos icônes. S'il vous manque une icône que le pack n'a pas, cherchez la même étiquette de style, pas seulement le même sujet.
• La même épaisseur de trait. Comparez des icônes au trait de 2 px avec des icônes au trait de 2 px. Ne mélangez pas traits fins et traits épais.
• Le même style d'angles. Des angles arrondis avec des angles arrondis, des angles vifs avec des angles vifs.
• La même taille de grille. Placez toutes les icônes sur une grille de 24 px ou 32 px pour faciliter l'alignement.
• Une seule logique de couleur. Utilisez une couleur unique ou une palette de deux couleurs définie, liée à votre marque.

Bien utiliser les animations Lottie

On abuse facilement du Lottie. Quelques petites animations donnent vie à une interface ; dix à la fois font du bruit.

• Utilisez l'animation pour expliquer : une coche après un paiement, un chargement pendant l'arrivée des données, un léger mouvement sur un état vide.
• Gardez des boucles courtes et calmes. Visez un mouvement qui soutient le contenu, sans lui faire concurrence.
• Respectez les utilisateurs qui préfèrent un mouvement réduit. Proposez-leur une version fixe ou mettez l'animation en pause.
• Testez le poids du fichier. Un Lottie simple pèse quelques kilo-octets ; un Lottie complexe avec de nombreux calques peut être bien plus gros.
• Accordez les couleurs de l'animation à votre marque avant de la mettre en ligne.

Si vous travaillez le motion pour la vidéo, notre guide des modèles Motion Array présente une autre approche des ressources animées.

Utiliser les illustrations 3D dans de vraies mises en page

L'art 3D attire l'attention, mais il peut paraître générique s'il ne sert que de décoration. Utilisez-le là où il appuie un message : une section d'en-tête avec un seul objet fort, une carte de fonctionnalité avec un concept reconnaissable ou la diapositive de titre d'une présentation.

Gardez une ombre douce, une direction de lumière cohérente et une palette de couleurs limitée. Quand votre page contient déjà des photos, n'ajoutez pas de 3D par-dessus. Choisissez un seul langage visuel par page.

Licence et attribution

Chaque ressource IconScout a des conditions de licence qui dépendent du type de licence et parfois du créateur. Certaines ressources exigent une attribution, et certains usages, comme la vente de la ressource elle-même ou la création d'une bibliothèque concurrente, sont interdits.

Vous en saurez plus sur les conditions courantes dans les visuels de stock et leurs licences expliqués.

Exemples pratiques

Une page de tarifs : utilisez un jeu d'icônes au trait pour les listes de fonctionnalités, une illustration 3D pour l'en-tête et une minuscule coche Lottie pour l'état de confirmation.

Un pitch deck : utilisez des icônes PNG d'un même pack sur chaque diapositive, et un objet 3D en couverture. Aucune animation n'est nécessaire, alors laissez le Lottie de côté.

L'accueil d'une application mobile : trois fichiers Lottie, un par écran, avec la même palette et la même vitesse de mouvement.

Questions fréquentes

Puis-je télécharger des animations Lottie en fichiers JSON ?

Oui, les ressources Lottie sont fournies en JSON, et parfois aussi au format dotLottie compressé. Vous les lisez avec une bibliothèque de lecture Lottie dans une page web ou une application.

Faut-il utiliser du SVG ou du PNG pour les icônes ?

Utilisez le SVG quand l'icône sera redimensionnée ou recolorée, comme sur les sites web et les applications. Utilisez le PNG pour un placement rapide dans des diapositives, des documents et des publications où il vous faut simplement une image.

Puis-je changer les couleurs d'une icône téléchargée ?

Avec le SVG, oui, dans n'importe quel éditeur vectoriel ou dans le code. Avec le PNG, les changements de couleur sont limités. Les couleurs d'un Lottie peuvent être modifiées dans des outils d'édition Lottie.

Faut-il mentionner l'auteur ?

Cela dépend de la licence de la ressource. Consultez la page de la ressource pour connaître les exigences d'attribution et conservez le nom du pack pour pouvoir le citer si nécessaire.

Les illustrations 3D conviennent-elles à l'impression ?

Elles le peuvent, si vous téléchargez une version haute résolution. Comparez les dimensions en pixels à votre format d'impression, et consultez notre guide sur les fichiers pour l'impression et pour le web avant d'envoyer chez l'imprimeur.