1. Accueil
  2. Histoires
  3. Jeu d'icônes pour un deck

Histoire — fondatrice / petite équipe

Un jeu d'icônes pour le deck et la landing page, en une nuit

« Rendez-vous investisseurs le lendemain matin. Mon deck utilisait un style d'icônes, la landing page un autre, et un troisième s'était glissé depuis un template. À 23 h, je ne voulais pas d'un projet de design — je voulais que le jeu déjà licencié pour le site marketing soit le jeu de chaque slide. De façon cohérente. Tout de suite. »

Le contexte

Le problème, c'était la cohérence — et l'horloge

Qui
Sofia, fondatrice en pré-amorçage, qui fait le design, le marketing et tout le reste dans une équipe de deux.
Stack
Un constructeur de site no-code, des slides Figma, un jeu d'icônes déjà utilisé sur la landing page en ligne.
La mission
Récupérer tout le jeu d'icônes de la landing page en vecteur propre, une bonne fois, pour que le deck et le site s'accordent enfin.
Le mur
Les icônes étaient cuites dans la sortie du constructeur en SVG en ligne et en fond — pas de bouton de téléchargement, pas de dossier source, et pas de temps.

Ce qui ne marchait pas

« Récupérer des icônes une capture à la fois à minuit, c'est comme ça qu'on finit avec quinze versions légèrement différentes et légèrement floues de la même flèche. J'en ai essayé quelques-unes au clic droit : le constructeur no-code les avait rendues en SVG en ligne et en fonds CSS, donc “Enregistrer l'image sous…” soit n'apparaissait pas, soit enregistrait un fichier cassé. Je n'avais pas une deuxième soirée pour ça. »

Le changement

Sofia a ouvert sa propre landing page en ligne, cliqué sur SVG Downloader et appuyé sur Tout télécharger en ZIP. Le popup a analysé la page, récolté chaque vecteur — en ligne, en fond et en sprite — dédoublonné les répétitions, numéroté le tout, et déposé une seule archive dans Téléchargements. La ligne d'état a nommé les deux qu'il n'a pas pu résoudre, pour qu'aucun manque ne passe inaperçu.

zip
Un clic pour la page entière : Tout télécharger en ZIP — dédoublonné, numéroté et confirmé dans le popup.

« J'ai décompressé un dossier de SVG propres, je les ai glissés dans les slides Figma et dans le constructeur du site, et chaque icône correspondait parce que c'était littéralement les mêmes fichiers. Elles ont tenu en pleine page sur la slide un et en puce de 20 pixels sur la slide neuf sans flouter, parce que c'est ce que fait le vecteur. J'étais au lit avant minuit. »

« J'avais budgété une soirée et ça a pris un café. Le deck avait l'air d'une entreprise, pas d'un projet du week-end — ce qui, la veille d'une levée, est tout l'enjeu. »

Sofia Marchetti, fondatrice

Le résultat

  • 1 ZIPle jeu d'icônes de toute la page, dédoublonné et numéroté
  • < 5 minde slides dépareillées à un jeu cohérent partout
  • Toutes taillesde la pleine page à la minuscule puce, sans flou — c'est du vecteur
Ce qui a fait le travail
Tout télécharger en ZIP — la page entière en un clic, dédoublonnée, avec les éléments non résolus nommés dans la ligne d'état. Voir le guide ZIP.
Pourquoi du vecteur pour des slides
Les icônes matricielles floutent quand on les agrandit pour une pleine page ou qu'on les projette sur un mur. Le SVG reste net à toutes les tailles. Voir face à la capture.
Une note sur les droits
Récupérer des icônes de votre propre site — ou d'un jeu que vous avez licencié — est un usage légitime de l'outil. Attention à la licence avant de réutiliser les icônes d'un site qui n'est pas le vôtre.

Histoire composite — un déroulé illustratif mais représentatif. La personne et la startup sont fictives ; le comportement de l'extension décrit ici est réel. Plus d'histoires →


Tout le jeu, en un clic

Dédoublonné, numéroté, net à toute taille — prenez les icônes d'une page en un seul ZIP.