Quand les pictogrammes se multiplient, le plus dur n est plus de les dessiner mais de les faire entrer en ordre dans un projet.

D ou vient l idee de faire des pictogrammes une police

Sur le web des premieres annees, les pictogrammes etaient surtout de petites images decoupees, et a partir d un certain nombre deux suites arrivaient: le nombre de requetes montait, et changer une couleur obligeait a exporter tout l ensemble a nouveau. Faire des pictogrammes une police fut la reponse, en les confiant au systeme de composition comme du texte, pour que la taille et la couleur suivent les styles de texte au lieu d un nouvel export.

IcoMoon s y tient depuis son apparition en novembre 2011, et se presente comme le premier outil a permettre de produire une police de pictogrammes sur mesure. Ce qu il traite, ce sont des pictogrammes vectoriels, sur quatre etapes: dessiner, ranger, reconstruire, publier. Tout le parcours se passe dans le navigateur, sans logiciel de dessin a installer sur la machine.

Choisir les quelques uns dont le projet a besoin

La bibliotheque officielle contient plus de vingt mille pictogrammes vectoriels libres, organises en ensembles libres complets. Au dela du nombre, une note parle du metier: ces pictogrammes ont ete choisis, dessines a la main plutot que copies, et alignes sur la grille de pixels, si bien que les bords ne deviennent pas flous a l usage tel quel.

La selection suit le besoin. Plutot que d importer une police bourree de plusieurs centaines de pictogrammes, on ne coche que ceux que le projet utilise vraiment et l on laisse l outil les emballer dans une police dediee. Le fichier obtenu colle alors a l usage reel, et le chargement porte moins de choses qui ne s afficheront jamais.

Les formats de sortie sont larges. Pour l image il y a SVG, PNG et des fichiers de pictogrammes; pour la police il y a des polices de pictogrammes multicolores a ligatures; pour le front end l outil remet du code de composants pour Elm, React, Vue et Flutter; et il existe une voie de planche qui fond les pictogrammes choisis en une seule ressource vectorielle appelee par symbole. La meme selection peut sortir dans la forme que le projet demande: des composants pour le front end, des images pour le dessin, une police pour un projet plus ancien, tout depuis une seule passe.

Usage gratuit et licence sont deux questions distinctes

La barriere pour l outil lui meme est basse: on ouvre la page et l on commence a choisir et a retoucher. La version recente apporte en plus un editeur vectoriel, ou les formes sur la plage et le code avancent ensemble dans les deux sens, une voie que le texte officiel decrit comme dessiner du SVG avec du SVG.

Ce qu il faut separer, c est la couche de licence. Produire des ressources avec l outil n apporte aucune condition propre, mais des qu un pictogramme tout fait de la bibliotheque entre dans le lot, la licence de cet ensemble s applique, et chaque ensemble a ses auteurs et ses conditions, lisibles un par un. Prenons l ensemble officiel IcoMoon-Free: sa licence annonce un choix entre une licence Creative Commons avec attribution et une licence publique generale. Des pictogrammes libres ne sont donc pas sans conditions; l attribution et les oeuvres derivees ont chacune leur formulation.

Une habitude merite d etre notee: un lien de partage cree avec la formule gratuite ne tient qu un jour. S une selection doit resservir pendant des mois, telecharger le paquet exporte est plus sur que de s appuyer sur ce lien.

Ce qui simplifie le travail sur les pictogrammes, c est qu une seule selection resservira sous plusieurs formes a plusieurs endroits.

Un ordre utile: filtrer d abord la bibliotheque par categorie et rassembler le lot dont le projet a besoin, puis exporter une fois dans le format retenu; et avant d importer un pictogramme tout fait, jeter un oeil a la licence de l ensemble et noter l attribution qu elle demande.