L'Icono- graphie

Pourquoi c'est important

Pourquoi ?Des icones incohérentes (epaisseurs differentes, styles melanges) donnent un look amateur immédiatement. Un set d'icones unifie crée de la confiance et de la clarté.

Le framework

1. 01

   Grille de construction

   Toutes vos icones sont dessinées dans un cadre 24x24px (ou 20x20, mais un seul pour tout le set). La grille interieure garantit des proportions homogenes.

2. 02

   Epaisseur unique

   1.5px, 2px ou 3px, choisissez et ne changez plus. Mixer les epaisseurs dans un meme set, c'est le signe numero un d'un design amateur.

3. 03

   Style coherent

   Outline, filled ou duotone : un seul style par set. Vous ne melangez pas outline et filled sur la meme interface. Jamais.

4. 04

   Radius uniforme

   Coins arrondis ou coins vifs, mais partout pareil. Le radius de vos icones doit matcher celui de vos composants UI pour une coherence totale.

5. 05

   Zone de securite

   Laissez 2px de padding interieur dans votre grille. L'icone ne touche jamais les bords du cadre. Ca garantit l'alignement optique avec le texte.

6. 06

   Format d'export

   SVG pour le web, toujours. Les icones sont des vecteurs, pas des images. Optimisez avec SVGO, supprimez les metadonnees inutiles.

Pour aller plus loin