Les mots Energy Icons en blanc sur une grille de points bleue, avec des icônes d'énergie encadrées de part et d'autre.Energy Icons ouvre 2 023 pictos pour l'énergie Deux grilles par icône, licence MIT
Le designer Sam Passmore publie Energy Icons, une bibliothèque libre de 2 023 pictogrammes pour l'énergie et le climat, dessinés sur deux grilles.
Par La rédaction
Pourquoi ça compte
Energy Icons est une bibliothèque de pictogrammes libre, signée Sam Passmore, pour les sujets que les jeux d'icônes généralistes traitent mal : éoliennes, stockage, pompes à chaleur. Elle compte 2 023 icônes publiées sous licence MIT, d'après le dépôt GitHub du projet. Pour une agence ou une marque de l'énergie, l'intérêt est double. Le secteur gagne un vocabulaire visuel commun qui évite le panneau solaire générique, et la règle de dessin, deux masters optiques mis à l'échelle sans retouche, donne un cahier des charges que l'on peut exiger d'une identité visuelle.
Les faits
- Production
- Sam Passmore (créateur, d'après le site)
- Médias
- Site energyicons.com, dépôt GitHub, paquet npm, police d'icônes, plugin Figma
- Date
- Version 1.7.0 affichée sur le site au 17 octobre 2026
- Marché
- Libre, mondial
Le site energyicons.com se présente comme une bibliothèque d'icônes libre et ouverte, pour tout le monde, avec une couverture plus profonde de l'énergie, du climat et des infrastructures. Sa description de référence promet deux masters optiques, mis à l'échelle et jamais redessinés. L'auteur affiché est Sam Passmore, lié au site itssam.io. La page indique la version 1.7.0.
Le catalogue compte 2 023 icônes, réparties en douze catégories selon le site : Interface (600), Climat (269), Réseau et stockage (234), Maison et voyage (214), Production (194), Chaleur et bâtiments (144), Données (91), Entreprise (83), Transport (69), Combustibles (62), Outils (41) et Industrie (22). GitHub L'énergie proprement dite pèse donc moins du tiers de l'ensemble, le reste étant le socle de glyphes d'interface qu'exige tout produit numérique.
Le README du dépôt décrit la règle de fabrication. Chaque icône est dessinée sur une grille de 20 px avec un trait de 1 px, et sur une grille de 48 px avec un trait de 2 px. En version Bold, les traits passent à 1,25 px et 2,5 px. Les tailles inférieures à 32 px utilisent le master de 20 ; à partir de 32 px, celui de 48.
Le dépôt pose trois interdits : les tracés ne sont jamais édités, les épaisseurs de trait ne changent jamais, et l'attribut non-scaling-stroke est proscrit. L'installation passe par npm avec un composant React, par une police d'icônes pour les projets sans React, ou par un fichier ZIP complet. Un plugin Figma est publié dans la communauté de l'outil. Le projet se finance par des dons sur Ko-fi.
Le contexte
Les bibliothèques d'icônes libres sont nombreuses, et la plupart visent l'interface. Le README d'Energy Icons se réfère à Phosphor pour l'usage de la police d'icônes avec des classes CSS. Sa différence tient au vocabulaire : un sujet comme le stockage d'électricité ou la chaleur des bâtiments demande des pictogrammes précis, là où les jeux généralistes n'en offrent souvent que quelques-uns.
L'idée de deux tailles optiques n'est pas nouvelle. Dans sa documentation de Material Symbols, mise à jour en septembre 2024, Google décrit un axe de taille optique de 20 dp à 48 dp qui ajuste l'épaisseur du trait quand le symbole grandit ou rétrécit. Energy Icons reprend cette plage de 20 à 48 mais la fige en deux masters dessinés, avec une bascule unique à 32 px, au lieu d'un axe variable. Un designer sait exactement quel dessin il obtient, au prix de moins de souplesse.
Ce que ça change
- Un vocabulaire sectoriel prêt à l'emploi. Une agence qui travaille pour un énergéticien, une collectivité ou un fabricant de pompes à chaleur trouve 194 icônes de production et 234 de réseau et de stockage, selon le site. Elle gagne du temps sur les rapports et les applications, et réserve le dessin sur mesure au logo.
- Un cahier des charges de cohérence. La règle des deux masters donne un critère vérifiable pour juger un set d'icônes commandé à un studio : grille, épaisseur de trait par taille, tracés non retouchés. Une marque peut l'inscrire dans ses guidelines.
- Une intégration sans friction. Paquet npm, composant React qui choisit le master selon la taille, police d'icônes et plugin Figma : le même set tient dans le code et dans la maquette, d'après le README. La licence MIT autorise l'usage commercial.
Ailleurs
Selon sa documentation de 2024, Google propose une police variable où l'épaisseur du trait s'ajuste entre 20 dp et 48 dp. Energy Icons fait la même chose en deux paliers.
Le README d'Energy Icons cite Phosphor comme modèle pour son mode d'emploi en classes, avec un préfixe ei pour le régulier et ei-b pour le gras.
Sources
- Energy Icons : Energy Icons, energy transition icons GB, 14 octobre 2026
- GitHub, Sam-r-passmore/energy-icons : Energy Icons : README , 17 octobre 2026
- Google for Developers : Material Symbols guide US, 17 octobre 2026
Cités dans l’article
Réagir
Les réponses des lecteurs
À propos de « Energy Icons ouvre 2 023 pictos pour l'énergie »
Pas encore de réponse publiée. Les réponses s’ouvriront ici, relues par la rédaction.
Rien n’est envoyé tant que vous n’appuyez pas sur Envoyer
À lire ensuite
Article suivant, DesignP*DA20 vend le design de Singapour
Rubrique
Design
Identités, packaging et design graphique, ce qui change et pourquoi.
