Logo horizontal, vertical et icône : préparer un système de déclinaisons
Guide pratique pour préparer les déclinaisons indispensables d’un logo : horizontal, vertical, icône, monochrome, règles d’usage et livrables.
Logo horizontal, vertical et icône : préparer un système de déclinaisons
Un logo isolé ne suffit plus. Il doit exister en version horizontale, verticale, icône, monochrome et parfois simplifiée pour rester lisible sur un site, un devis, une enseigne, un avatar social ou un objet imprimé. Ce guide explique comment préparer un vrai système de déclinaisons sans diluer votre identité.
Qu'appelle-t-on une déclinaison de logo ?
Une déclinaison de logo est une version officielle du même signe, pensée pour un contexte précis. Elle ne change pas la marque : elle adapte l'organisation des éléments. Dans une version horizontale, le symbole peut être placé à gauche du nom. Dans une version verticale, il peut passer au-dessus. Dans une icône, le nom disparaît pour garder uniquement le signe le plus reconnaissable. Les guides de marque récents parlent souvent de lockup : une composition fixe du symbole, du mot-symbole et parfois de la baseline.
La recherche menée avant cet article confirme un principe très concret : les marques documentent désormais leurs versions comme un kit, pas comme un fichier unique. Les recommandations publiques de Responsive.io distinguent par exemple le logo complet, l'icône, les versions claire et sombre, les versions monochromes, puis les compositions horizontales et verticales. Akrivi rappelle aussi qu'un lockup bien équilibré protège la cohérence, la clarté et la montée en taille. Ce n'est donc pas une coquetterie graphique : c'est une règle de production.
Le piège classique consiste à demander “un logo” puis à découvrir, trois semaines plus tard, qu'il ne rentre pas dans la photo de profil LinkedIn, qu'il devient illisible sur un tampon, ou qu'il faut l'étirer pour l'en-tête du site. Une bonne déclinaison évite ces bricolages. Elle permet de choisir une version adaptée au cadre sans redessiner le logo à chaque usage.
Les versions indispensables dans un système de logo
1. La version horizontale
La version horizontale est souvent la version principale pour le web, les devis, les signatures e-mail, les présentations et les en-têtes. Elle occupe une zone large et peu haute. Si votre logo comprend un symbole et un nom, le symbole se place souvent à gauche du mot-symbole. Cette version doit rester lisible à petite hauteur : un menu de site affiche parfois le logo sur 32 à 48 pixels de haut seulement.
2. La version verticale ou empilée
La version verticale regroupe les éléments sur un format plus compact, proche du carré. Elle est utile pour une couverture de document, une affiche, une étiquette, un sticker, une vitrine étroite ou une composition centrée. Elle ne doit pas être obtenue en cassant au hasard le logo horizontal. Les espacements, l'alignement optique et la proportion entre symbole et texte doivent être réglés volontairement.
3. L'icône ou symbole seul
L'icône sert aux favicons, avatars, applications, pastilles, pictogrammes de marque et petits espaces. Elle doit fonctionner sans le nom. Pour une jeune entreprise, cette version demande de la prudence : si le symbole n'est pas encore connu, il peut accompagner le nom avant d'être utilisé seul. Notre guide sur le logo mobile-first détaille justement la question de la lisibilité dans les espaces réduits.
4. Le mot-symbole seul
Le mot-symbole, ou logotype, est la version typographique du nom. Elle peut servir quand le symbole crée trop de bruit visuel, par exemple dans une liste de partenaires, un pied de page ou un document administratif. Elle est aussi précieuse si le nom de marque porte une forte personnalité typographique.
5. Les versions monochromes et inversées
Un système sérieux prévoit au minimum une version noire, une version blanche et parfois une version en une seule couleur de marque. C'est l'épreuve de vérité d'un logo. Si le signe ne fonctionne qu'en dégradé ou avec plusieurs détails colorés, il sera fragile en gravure, broderie, tampon, marquage véhicule, facture ou photocopie. Pour aller plus loin, consultez notre guide sur le logo noir et blanc.
Quelle déclinaison utiliser selon le support ?
Le bon choix dépend d'abord de la forme du cadre. Un en-tête de site, une signature e-mail ou une bannière demandent une version horizontale. Un avatar Instagram, une photo de profil, un favicon ou une étiquette carrée appellent plutôt l'icône ou la version verticale. Une enseigne peut nécessiter les deux : horizontale pour une façade longue, verticale pour une plaque ou un kakémono.
Ensuite, il faut tenir compte de la distance de lecture. Un logo visible sur mobile doit être reconnu en un instant. Un logo sur une carte de visite peut accepter un peu plus de finesse, mais pas au point de perdre son contraste. Un logo sur textile ou objet promotionnel doit éviter les filets trop fins, les effets transparents et les petits textes. Notre article sur les fichiers de logo pour supports imprimés explique pourquoi les contraintes de production changent le choix des formats.
La couleur du fond compte aussi. Une version conçue pour fond blanc peut disparaître sur une photo sombre. Une version blanche peut être parfaite sur un bandeau coloré, mais illisible sur un gris clair. C'est pour cela qu'une charte graphique doit montrer les variantes autorisées sur fond clair, fond foncé et, si nécessaire, sur image.
Enfin, pensez aux plateformes qui recadrent automatiquement. Certaines affichent un cercle, d'autres un carré arrondi, d'autres une zone de sécurité. Si votre icône touche les bords, elle risque d'être coupée. Une bonne livraison fournit donc des fichiers avec marge de sécurité, pas uniquement un symbole collé au bord du PNG.
Les règles qui gardent une identité cohérente
Multiplier les versions ne veut pas dire créer plusieurs logos. La cohérence vient de quatre constantes : les formes, la typographie, les couleurs et les proportions. Le symbole ne doit pas changer de dessin d'une version à l'autre. La typographie doit garder les mêmes caractéristiques. Les couleurs officielles doivent être respectées, sauf dans les versions monochromes prévues. Les espacements doivent suivre une logique stable.
La zone de protection est essentielle. Elle définit l'espace minimum autour du logo pour éviter qu'un texte, une photo ou un bord de page vienne l'étouffer. Beaucoup de chartes utilisent une unité interne : la hauteur d'une lettre, la largeur du symbole, ou une fraction du signe. Peu importe l'unité exacte ; l'important est de l'écrire clairement et de l'appliquer à chaque déclinaison.
La taille minimale protège la lisibilité. Un logo peut être superbe en grand et inutilisable à 20 millimètres de large. Prévoyez une taille minimale pour l'impression et une taille minimale pour le digital. Si la version complète devient illisible, basculez vers l'icône ou une version simplifiée au lieu de forcer le fichier principal.
Dernière règle : interdisez les transformations sauvages. Pas d'étirement, pas de rotation, pas d'ombre portée ajoutée, pas de couleur improvisée, pas de texte déplacé à la main. Ces interdits ne sont pas là pour compliquer la vie des équipes : ils évitent que la marque se fragmente au fil des documents.
Quels livrables demander à votre graphiste ou à Wilogo ?
Demandez un dossier organisé par usage, pas une pile de fichiers sans explication. Un kit simple peut contenir : logo horizontal en SVG, PDF vectoriel et PNG transparent ; logo vertical dans les mêmes formats ; icône seule en SVG et PNG ; versions noire et blanche ; exports pour favicon et réseaux sociaux ; mini-guide PDF avec règles d'utilisation. Les noms de fichiers doivent être explicites, par exemple marque-logo-horizontal-couleur.svg ou marque-icone-blanc.png.
Les formats vectoriels sont prioritaires pour les versions maîtres. SVG convient très bien au web, PDF ou AI peuvent servir à l'impression et à la production. Les PNG sont pratiques pour un usage courant, mais ils ne remplacent pas le vectoriel. Si vous hésitez encore entre les formats, lisez notre guide PNG, SVG ou AI.
Sur Wilogo, le brief est le bon moment pour préciser vos usages : site vitrine, réseaux sociaux, devis, enseigne, véhicule, packaging, textile, marketplace ou application. Plus le contexte est clair, plus le système de déclinaisons sera utile. Vous pouvez lancer un brief ici : créer un brief logo sur Wilogo.
Checklist avant de valider vos déclinaisons
- La version horizontale reste lisible dans un en-tête de site.
- La version verticale fonctionne dans un carré sans paraître tassée.
- L'icône seule reste reconnaissable en petit format.
- Les versions noire et blanche gardent la même personnalité.
- Les fichiers vectoriels sont fournis pour chaque version importante.
- Les zones de protection et tailles minimales sont documentées.
- Les noms de fichiers permettent de choisir la bonne version sans deviner.
- Les liens entre versions sont cohérents avec votre stratégie de logo responsive.
FAQ
Faut-il toujours avoir une version horizontale et verticale ?
Oui, dans la plupart des cas. Même si l'une devient principale, l'autre évite de déformer le logo quand le support change de forme.
Peut-on utiliser l'icône seule dès le lancement ?
Oui, mais avec prudence. Si la marque est encore peu connue, utilisez l'icône seule surtout dans les petits espaces et gardez le logo complet pour les points de contact importants.
Combien de fichiers faut-il livrer ?
Un kit raisonnable contient souvent 20 à 40 fichiers, car chaque version existe en plusieurs formats et couleurs. L'important est l'organisation, pas le nombre brut.
Une déclinaison peut-elle modifier les couleurs ?
Elle peut utiliser une version monochrome prévue dans la charte. En revanche, improviser une couleur différente pour chaque support crée vite une identité incohérente.
Quelle version utiliser sur les réseaux sociaux ?
Pour l'avatar, privilégiez l'icône ou une version verticale très simple. Pour les bannières et visuels de posts, la version horizontale ou le mot-symbole peuvent mieux fonctionner.
Préparez un logo utilisable partout
Besoin d'un logo livré avec ses déclinaisons clés ? Décrivez vos supports, vos contraintes et votre style souhaité dans un brief Wilogo. Vous obtiendrez une base plus claire pour créer une identité flexible, lisible et prête à être utilisée.


