Guide
L'annuaire de ressources design classe la recherche de matériaux en dix groupes : banques de photos gratuites, illustrations et 3D, icônes, polices, couleurs, maquettes, outils de design, compression et formats, inspiration, et audio/vidéo — 123 fiches. Chacune porte un avis de l'éditeur sur le style, les points forts et les limites du site (« la version gratuite limite la taille », « les images sont téléversées », « l'usage commercial exige une attribution »).
Mis à jour le 2026-09-294 sources11 min read
L'annuaire de ressources design classe la recherche de matériaux en dix groupes : banques de photos gratuites, illustrations et 3D, icônes, polices, couleurs, maquettes, outils de design, compression et formats, inspiration, et audio/vidéo — 123 fiches. Chacune porte un avis de l'éditeur sur le style, les points forts et les limites du site (« la version gratuite limite la taille », « les images sont téléversées », « l'usage commercial exige une attribution »).
La colonne la plus importante de cette page est la licence. Presque tous les litiges sur les ressources commencent par « je croyais que gratuit voulait dire libre pour un usage commercial » : Unsplash n'est plus CC0 depuis 2017, les téléchargements gratuits de Flaticon exigent une attribution, la licence peut varier d'une ressource à l'autre sur un même site (Freesound, Wikimedia Commons), et très peu de polices chinoises sont libres pour un usage commercial. Chaque fiche indique donc sa licence — CC0, OFL, MIT, Apache, GPL, MPL, CC-BY, usage commercial gratuit (licence propre au site), attribution requise, gratuit en usage personnel, propriétaire — avec les filtres « usage commercial » et « sans attribution » et un menu de licences.
De plus, tout ce que toolun peut faire en local dans le navigateur (compression, conversion de format, redimensionnement, détourage, pipette à couleurs, dégradés, favicon, cartes de texte, traitement audio et vidéo) est listé directement comme fiche « sur le site », et les outils équivalents d'autres sites portent la mention « faisable ici » : compresser une image ou détourer avant livraison, des opérations qui téléversent le fichier original, autant les garder dans le navigateur.
Groupe « polices » avec le filtre « sans attribution » :
Recherche « détourage » :
Google Fonts OFL 1700+ polices open source, toutes OFL / Apache, dont Noto Sans SC.
Noto Sans / Serif CJK OFL Source Han Sans / Serif, premier choix pour les projets en chinois.
LXGW WenKai OFL Police kai open source, courante dans les applis de lecture.
Alibaba PuHuiTi Usage commercial gratuit 3.0 couvre GB18030 ; licence propre, pas de redistribution.
HarmonyOS Sans / MiSans / OPPO Sans Usage commercial gratuit Sans publiées par des fabricants.
Smiley Sans OFL Sans oblique et condensée pour titres et affiches.
Inter / JetBrains Mono / Fira Code / Maple Mono OFL Polices d'interface et de code.Détourage IA (local) /tool/image-cutout Ce site : le modèle tourne dans le navigateur, les images ne sont jamais téléversées. Ce site · Gratuit
remove.bg remove.bg Détourage IA dans le cloud ; la version gratuite ne donne que de la basse résolution, ce site propose une alternative locale. Ce site peut le faire → image-cutout · ConnexionDu plus permissif au plus strict, les licences de ressources se rangent en gros en cinq niveaux. Domaine public / CC0 : l'auteur renonce à tous ses droits, usage libre et sans attribution — les images de la NASA, Open Doodles, la partie graphique de Simple Icons sont à ce niveau (attention : la marque des logos reste aux marques, le CC0 couvre le fichier SVG, pas le droit d'utiliser la marque). Licences de logiciel libre (MIT / Apache / GPL / MPL) : courantes pour les bibliothèques d'icônes et les logiciels de design ; usage commercial, modification et redistribution autorisés ; MIT et Apache demandent seulement de conserver la mention de copyright, GPL impose de publier aussi le logiciel dérivé sous la même licence (sans effet sur « les images produites avec GIMP », la licence ne contraignant que le logiciel). OFL : conçue pour les polices, elle autorise l'usage commercial, l'intégration dans des pages web, des applications et des PDF, ainsi que la modification, mais la version modifiée doit changer de nom (Reserved Font Name), et il est interdit de vendre les fichiers de police seuls — les inclure dans un logiciel payant oui, les vendre en tant que police non. Licences propres aux sites (libre pour usage commercial) : Unsplash, Pexels, Pixabay, unDraw, Alibaba PuHuiTi et d'autres ont chacun la leur, avec au cœur « commercial oui, attribution facultative, redistribution et produits concurrents interdits », et des détails qui diffèrent (Pexels interdit d'utiliser une photo de personne pour suggérer un parrainage, PuHuiTi interdit l'intégration dans un produit de polices). CC-BY / attribution requise : gratuit mais avec mention de l'auteur et de la source ; CC BY-SA impose en plus la même licence pour les œuvres dérivées, et les paliers gratuits de Flaticon, Freepik et Storyset sont à ce niveau.
Une police chinoise demande de dessiner entre six mille et plus de vingt mille caractères, un coût de développement énorme : les polices chinoises libres pour l'usage commercial sont donc bien plus rares que les latines. Trois familles à peu près sûres : les polices libres sous OFL (Source Han Sans / Serif, Noto CJK, LXGW WenKai, Smiley Sans, Maple Mono) ; les polices publiées gratuitement en commercial par des marques pour leur promotion (Alibaba PuHuiTi, HarmonyOS Sans, MiSans, OPPO Sans, la série Zcool) ; et l'usage des polices fournies avec le système dans le système. Microsoft YaHei, PingFang, Founder ou Hanyi ne s'emploient pas librement dans une maquette publiée, une page web ou une vidéo : Microsoft YaHei appartient à Founder, la licence Windows ne couvre que l'affichage sous Windows. Pour une affiche, une vidéo ou une page web, vérifiez toujours la licence d'une police avant de l'utiliser ; le groupe « polices » de cette page ne retient que ce qui est explicitement utilisable en commercial.
Compression, détourage, conversion de format : chez presque tous les sites externes, l'opération est « téléverser sur le serveur, traiter, renvoyer » (TinyPNG, remove.bg), quelques-uns (Squoosh) travaillent dans le navigateur. Téléverser, c'est faire passer le fichier original par un serveur tiers — un risque pour une maquette non publiée, des documents clients ou des photos avec des visages. Tous les outils d'image et d'audio-vidéo de toolun tournent en local dans le navigateur, avec un code auditable : le groupe « compression et conversion » place donc les outils du site en tête, et garde les sites externes parce qu'ils ont des capacités que le site n'a pas (l'API de TinyPNG, la comparaison format par format de Squoosh), avec la mention « les images sont téléversées » dans l'avis.
Les œuvres de Dribbble, Behance, Awwwards ou Mobbin sont protégées par le droit d'auteur : on peut les regarder, pas les réutiliser telles quelles ; leur valeur est la référence de style et l'apprentissage du processus. Le « gratuit en usage personnel » du groupe « inspiration » désigne le plus souvent une limite de consultation, pas une licence commerciale — aucune fiche de ce groupe n'autorise un usage commercial après téléchargement.
Les outils de palette produisent des valeurs de couleur, sans problème de licence ; la vraie contrainte vient de l'accessibilité : WCAG 2.x demande un contraste texte-fond ≥ 4,5:1 (AA) pour le corps de texte et ≥ 3:1 pour le grand texte, et 7:1 / 4,5:1 en AAA. Les échelles « conçues pour le contraste » comme Radix Colors ou Open Color font ce calcul pour vous ; pour composer votre palette, vérifiez avec l'Outil de couleur du site ou le WebAIM Contrast Checker.
Groupe « images », filtre « sans attribution », prenez vos photos → groupe « polices », choisissez une police OFL ou une police chinoise libre en commercial → groupe « palettes », prenez un jeu de couleurs → composez dans l'Atelier de retouche d'images du site → livrez après Compression d'images.
Dans le groupe « Icônes », choisissez selon la licence : les sets MIT comme Lucide / Phosphor / Tabler sont libres d'utilisation ; Remix Icon et IconPark sont aussi open source et utilisables commercialement ; pour les logos de marque, utilisez Simple Icons en respectant les marques.
Groupe « illustrations et 3D » : unDraw permet de changer la couleur principale en ligne, Open Doodles et Humaaans sont en CC0, la version gratuite de Storyset demande l'attribution.
Groupe « polices » : Fontsource empaquette ces mêmes polices OFL en paquets npm, ou vous téléchargez Noto Sans SC, en extrayez un sous-ensemble et l'auto-hébergez.
Utilisables en commercial, sans attribution obligatoire (mais recommandée). La Licence Unsplash interdit en revanche de redistribuer ou revendre les images, et d'en faire un service concurrent d'Unsplash ; les images téléchargées avant 2017 étaient sous CC0, celles d'après relèvent de la licence maison.
Oui. L'OFL autorise le commercial, l'intégration web (webfont), l'empaquetage dans un logiciel et un PDF. Ce qui est interdit, c'est de vendre les fichiers de police seuls et de distribuer une version modifiée sans changer son nom.
Microsoft YaHei a été dessinée par Founder, et Microsoft n'en a acheté que le droit d'affichage dans Windows. L'utiliser sur une affiche publiée, une vidéo ou une intégration web demande une licence commerciale achetée à Founder. Remplacez-la par Source Han Sans, Alibaba PuHuiTi ou HarmonyOS Sans.
À côté de l'œuvre ou en pied de page : « nom de l'auteur / site source / licence », par exemple "Icon by Freepik from Flaticon (CC BY 3.0)". Au générique pour une vidéo, sur la page de crédits pour un imprimé. Le format exact suit le guide d'attribution du site.
Non. Les outils marqués « sur le site » tournent en local dans le navigateur et libèrent les données à la fermeture de la page ; c'est pour cela qu'ils passent avant les sites externes.
Les données de l'annuaire se chargent avec la page ; recherche, filtrage et favoris se font en local dans le navigateur, cette page n'envoie aucune requête et n'enregistre aucun clic. Les liens externes s'ouvrent dans un nouvel onglet avec rel="noopener noreferrer" et relèvent ensuite de la politique de confidentialité du site visé. Les outils marqués « sur le site » traitent les fichiers en local dans le navigateur, sans téléversement.
Mis à jour le 2026-09-29
123 ressources de design et de création : banques d'images gratuites, illustrations, icônes, polices, palettes, maquettes, outils de design, compression et conversion, inspiration, audio et vidéo ; chaque fiche indique sa licence (CC0 / OFL / MIT / attribution requise / usage commercial gratuit…) et un filtre par licence ; les outils de compression et de détourage du site s'ouvrent directement, favoris inclus
Cet outil n’est pas entièrement traduit ; certains contenus utilisent la langue source ou une langue de repli.
La photothèque gratuite de la plus haute qualité, sous licence depuis 2017 (non-CC0), utilisation commerciale autorisée, redistribution interdite.
Photos + matériel vidéo gratuit, interface chinoise, licence similaire à Unsplash.
Des photos, des illustrations, des vecteurs et de la musique sont tous disponibles ; le premier contenu était CC0, maintenant sous licence privée.
Principalement des photos de scènes e-commerce (produits, magasins, lifestyle), CC0.
Photos de style de vie et d'intérieur, chacune accompagnée d'une palette de couleurs.
Photos CC0, filtrer par popularité et date.
Un site photo gratuit entretenu par un photographe au style unifié.
La plupart des images de l'espace et de la Terre de la NASA appartiennent au domaine public. Veuillez noter que certains peuvent contenir des droits d'auteur de tiers.
Plus de 100 millions de fichiers multimédias, licence fichier par fichier (CC0 / CC-BY / CC-BY-SA mixtes), un trésor d'images historiques.
Peintures anciennes et photos gratuites dans le domaine public, certains contenus nécessitent une connexion ou un paiement.
Bibliothèque de photos CC0 alimentée par des photographes chinois, au style homogène.
Illustration SVG de style plat, la couleur principale peut être modifiée directement sur la page Web, elle possède sa propre licence ouverte et peut être utilisée commercialement.
Les illustrations de Freepik peuvent être éditées en ligne et la version gratuite nécessite une signature.
Des milliers d’illustrations SVG/PNG gratuites dans différents styles et couleurs.
Les caractères de ligne dessinés à la main, CC0, sont très appropriés pour court-circuiter les pages d'état.
Bibliothèque d'illustrations de personnages détachables et épissés, CC0.
Illustrations combinées de plusieurs illustrateurs, édition gratuite à taille limitée.
100 illustrations open source, MIT.
Dessinée à la main dans un style surréaliste, la version gratuite nécessite une signature.
160 000 PNG de forme 3D, la version gratuite nécessite une attribution.
Zone gratuite pour illustrations 3D, signature requise, licence unique requise pour un usage commercial.
Bibliothèque de matériaux d'effets de mouvement Lottie, la zone gratuite est principalement une licence Lottie Simple et nécessite une signature.
Plus de 1 500 icônes linéaires avec une sémantique claire et des packages de framework complets.
Six grands jeux d'icônes de même épaisseur facilitent le système de conception.
Plus de 5 000 icônes linéaires/solides pour une large couverture.
Icône officielle Tailwind, trois tailles et styles.
Plus de 2 800 icônes de style neutre entretenues par les Chinois, paires linéaires/solides.
Accès API unifié à plus de 200 jeux d'icônes, chargés à la demande ; framework MIT, chaque jeu d'icônes a sa propre licence.
Logo de la marque SVG, graphique CC0 mais les droits de la marque du logo appartiennent à la marque.
Icône de police variable de Google avec poids/rembourrage/taille optique réglables.
Microsoft 3D / plat / monochrome trois ensembles de graphiques emoji, MIT.
Ensemble d'emojis open source, style de ligne unifié, CC BY-SA.
La plus grande bibliothèque d'icônes commerciales, les téléchargements gratuits nécessitent une attribution, attribution gratuite Premium.
Des millions d'icônes, gratuites à utiliser mais nécessitent une attribution CC BY, aucune attribution requise pour une utilisation payante.
Produites par ByteDance, plus de 2 400 icônes peuvent être modifiées en épaisseur et en style en ligne.
Ce site : Générez un ensemble complet de favicon, d'icône Apple Touch et de manifeste à partir d'une seule image.
Plus de 1 700 polices open source, toutes OFL ou Apache, dont Noto Sans SC.
La police pan-CJK (c'est-à-dire Siyuan Hei/Songti), OFL, développée conjointement par Google et Adobe, est le premier choix pour les projets chinois.
Version Adobe de la police Siyuan, qui a la même origine que Noto CJK, OFL.
Sans empattement conçu pour l'écran, l'un des standards de facto pour les interfaces UI, OFL.
Programmation de polices à espacement fixe, bonne reconnaissance des ligatures et des glyphes, OFL.
Pionnier des polices de programmation avec trait d'union, OFL.
Un package npm pour les polices open source, une alternative auto-hébergée au CDN Google Fonts.
Polices anglaises commerciales gratuites sélectionnées à la main, avec générateur de polices Web inclus.
Basé sur les logiciels open source Kaiti et OFL dérivés de Klee One, il est couramment utilisé dans les produits de lecture.
Caractère gras étroit et incliné, pour les titres et les affiches, OFL.
Polices arrondies chinoises et anglaises à espacement fixe, alignement chinois et anglais 2:1, OFL.
Alibaba produit des caractères gras commerciaux gratuits, la version 3.0 couvre GB18030 ; il possède sa propre licence et aucune distribution secondaire n'est autorisée.
La police Huawei Hongmeng est gratuite pour un usage commercial et comporte plusieurs épaisseurs de police.
Caractère gras commercial gratuit produit par Xiaomi, poids de police 10.
Polices commerciales gratuites OPPO, y compris le chinois et l'anglais.
Zoku haut de gamme noir, corps heureux, corps avec logo Xiaowei, etc., gratuit pour un usage commercial.
Agrégation et récupération de polices commerciales gratuites chinoises. Avant toute utilisation commerciale, veuillez vous référer à la page d'autorisation de l'auteur de la police.
Ce site : Convertissez le texte en gribouillis Unicode/lignes doubles/caractères encerclés pour les surnoms sociaux.
Appuyez sur l'espace pour colorer la couleur de manière aléatoire, verrouillez-la puis faites-la glisser pour exporter vers chaque format.
La correspondance des couleurs est directement appliquée à la page d’échantillon pour voir l’effet.
Une valeur de couleur génère une échelle de couleurs Tailwind 50-950.
12 niveaux de couleurs conçus pour un contraste sans tracas, associés aux modes sombre et clair.
13 couleurs × 10 niveaux de correspondance des couleurs de l'interface utilisateur open source, MIT.
Quatre combinaisons de couleurs soumises par la communauté, parcourues par tendances populaires.
Les noms de couleurs et les valeurs de couleurs chinois traditionnels sont utilisés pour sélectionner les couleurs pour la conception de style national.
250 couleurs japonaises traditionnelles avec noms correspondants et CMJN.
La roue chromatique et les règles d'harmonie génèrent une correspondance des couleurs et extraient la couleur principale de l'image.
Sélectionnez 50 couleurs préférées pour entraîner le modèle et générer une correspondance de couleurs personnalisée.
Vérification du contraste WCAG.
Ce site : conversion de format, génération d'échelles de couleurs, vérification du contraste, sélection des couleurs d'écran.
Ce site : Extrayez les couleurs et les palettes principales des images.
Ce site : Visualisez les dégradés et copiez le CSS.
Des milliers de prototypes d'équipements et de scènes, version gratuite à téléchargement limité.
Ajoutez des coques et des arrière-plans d'appareil aux captures d'écran dans le navigateur, gratuitement et sans connexion requise.
Ajoutez des bordures de fenêtre de navigateur aux captures d'écran en une seconde.
Collection de maquettes PSD gratuites, visualisez licence par licence.
Des prototypes d'équipements de haute qualité sont disponibles pour un usage commercial dans la zone franche et nécessitent une signature.
Maquettes Figma / PSD gratuites.
Recherchez des boîtiers d'appareils dans la communauté Figma, la plupart sont CC BY 4.0.
Ce site : organisez un morceau de texte dans une image de carte de partage social.
Le standard de facto du design d'interface ; trois fichiers gratuits suffisent pour un usage personnel.
Alternative open source à Figma, auto-hébergée, produit le standard SVG/CSS.
Utilisez des modèles pour créer des affiches/PPT/couvertures, permettant aux non-concepteurs de démarrer rapidement.
Photoshop dans le navigateur, ouvrez PSD sans installation, gratuit avec publicités.
Un éditeur bitmap open source avec des fonctions complètes mais une interface old-school.
Logiciel de dessin open source, orienté illustrations et bandes dessinées.
Éditeur vectoriel open source, natif SVG.
Tableau blanc et diagramme schématique peints à la main, enregistrés localement.
Tableau blanc en toile illimité, la version Web est gratuite ; Le SDK est sous licence automatique (et non open source) à partir de 2024.
Outil de collaboration de design en ligne couvrant design, prototypage et transfert ; l'offre gratuite suffit.
Outil de design en ligne façon Figma, avec de nombreuses ressources en chinois dans sa communauté.
Outil de design collaboratif en ligne qui combine tableau blanc et prototypage.
Ce site : recadrage, réglage des couleurs, filtres, découpe, ajout de texte, filigrane, le tout dans le navigateur.
Ce site : compression par lots JPG / PNG / WebP, la taille cible peut être définie.
Ce site : conversion HEIC / WebP / AVIF / PNG / JPG.
Ce site : échelle par pixel/pourcentage/côté long, lot.
Compression avec perte en ligne vétéran, gratuite pour 20 images dans un rayon de 5 Mo à chaque fois ; les photos seront téléchargées.
La comparaison de compression, de format et de paramètres côté navigateur de Google est intuitive.
L'interface graphique de SVGO vous permet de rationaliser et de comparer les SVG en un seul clic.
Composant SVG vers React.
Détourage Cloud AI, gratuite uniquement pour la basse résolution ; ce site a une découpe locale.
Ce site : Le modèle s'exécute dans le navigateur, mais les images ne sont pas téléchargées.
Ce site : Compressez les images au format PDF, utilisez-les avant d'envoyer le portfolio par e-mail.
Ce site : appuyez sur la vidéo à une taille qui peut être envoyée à WeChat.
Recherchez une référence de style visuel pour les expositions de créateurs ; les œuvres ne peuvent pas être utilisées directement à des fins commerciales.
La plateforme de portefeuille d'Adobe comporte de nombreux processus de projet complets.
Une bibliothèque de captures d'écran d'interface d'applications réelles, consultables par processus et composant, version gratuite limitée.
Web design sélectionné, style avant-gardiste.
Prix de conception Web : découvrez l'animation et la narration sur les sites Web primés.
Collection de pages de destination, filtrées par secteur et style.
Page Web du produit réel et référence de l'interface de l'application, divisées par type de page.
Modèles de conception d’interface et psychologie des utilisateurs, expliquant pourquoi cela est fait.
Les principes UX tels que la loi de Fitt et la loi de Hick sont disponibles en chinois sur chaque page.
Concevoir une liste de contrôle par page/composant.
Communauté chinoise de designers ; une référence pour la typographie et le style chinois.
Des informations sur la conception chinoise et des didacticiels sont également inclus dans la page de navigation.
Des centaines de milliers d'effets sonores, mixés CC0 / CC BY, voir licence unique avant téléchargement.
Les vidéos, musiques et effets sonores gratuits d'Envato sont disponibles pour un usage commercial sous sa propre licence.
Vidéos de fond Web gratuites.
La section vidéo de Pexels contient de nombreux matériaux 4K.
Bibliothèque musicale sous licence CC, filtrer par type de licence.
Mauvaise BGM gratuite utilisée dans le cercle vidéo, CC BY nécessite une attribution.
Musique et effets sonores gratuits pour les créateurs YouTube, nécessitant une connexion Studio.
Ce site : convertir les formats, compresser, éditer, extraire l'audio et convertir en GIF, le tout dans le navigateur.
Ce site : Générateur de sons environnementaux, qui peut également être utilisé comme effets sonores temporaires.