Icônes d'IA et d'agents : 48 icônes ligne (modèles, prompts, agents, génération, états, confiance)

Ce pack réunit 48 icônes ligne consacrées à l’IA générative et aux agents, livrées en SVG, en PNG et en sprite SVG, sous licence commerciale. Il s’adresse aux designers et aux développeurs qui conçoivent l’interface d’un assistant conversationnel, d’un générateur d’images, d’une plateforme d’agents ou d’un outil interne qui s’appuie sur un modèle : choisir un modèle, écrire et réutiliser un prompt, confier une tâche à un agent qui planifie et appelle des outils, lancer, arrêter ou relancer une génération, afficher l’état d’une requête, puis montrer d’où vient une réponse et quels garde-fous l’encadrent. Chaque fichier porte un nom anglais simple (prompt, tool-call, human-in-loop), que vous reprenez tel quel dans votre code. Toutes les icônes partagent le même trait, sans remplissage, avec des terminaisons arrondies, pour qu’une zone de saisie, un panneau d’agent et un historique de générations restent dans un seul style.

Le pack ne contient aucune marque : aucun logo d’assistant ou de modèle, aucune mascotte, aucune étincelle reprise d’un logo existant. Les notions sont redessinées pour se lire hors de tout produit.

• 48 icônes en style ligne, réparties en 6 familles de 8 :
  • Modèles (8) : model, context-window, token, temperature, weights, dataset, embedding, memory ;
  • Prompts (8) : prompt, prompt-template, system-prompt, variable, few-shot, negative-prompt, seed, style-reference ;
  • Agents (8) : agent, multi-agent, agent-handoff, planner, tool-call, skill, schedule, human-in-loop ;
  • Génération (8) : generate, regenerate, stop, streaming, upscale, inpaint, outpaint, variation ;
  • États (8) : thinking, queued, done, failed, rate-limit, credits, offline, review ;
  • Confiance (8) : source, citation, watermark, provenance, privacy, guardrail, uncertain, human-check.
• 48 fichiers SVG, un par icône.
• 144 fichiers PNG : chaque icône en 24, 48 et 96 px.
• 1 sprite SVG qui rassemble les 48 icônes sous forme de symboles.
• 1 page HTML de démonstration.
• LICENCE.txt, CREDITS.txt et LISEZMOI.txt à la racine de l’archive.

Quelques choix de dessin à connaître avant l’achat. model est une puce, agent une tête de robot simple, que multi-agent répète et qu’agent-handoff relie par une flèche. tool-call est une fiche électrique et skill une pièce de puzzle : l’agent se branche sur un outil, il acquiert une compétence. prompt, system-prompt et negative-prompt partent tous d’un champ de saisie, auquel s’ajoutent une invite de commande ou une pastille moins. generate est une baguette entourée d’étincelles, sans reprendre l’étincelle d’aucun logo. human-in-loop place une silhouette dans une flèche circulaire, human-check la pose sur un écusson.

Certaines notions n’ont pas de dessin que tout le monde reconnaît au premier regard : token (un mot encadré au milieu de lignes de texte coupées, qui peut aussi se lire comme un surlignage), context-window, rate-limit, human-in-loop, multi-agent, agent-handoff, negative-prompt et guardrail (un rail à montants). Dans une interface, doublez-les d’un libellé ou d’une infobulle : le nom du fichier vous donne déjà le bon mot.

Le pack suit la même grille que les autres packs d’icônes ligne de Beryl Design : même trait, mêmes rayons et mêmes terminaisons arrondies. Si vous utilisez déjà l’un de ces packs, les icônes se combinent dans une même interface sans retouche, et aucun nom de fichier n’y fait doublon.

Organisation des fichiers :

LICENCE.txt
CREDITS.txt
LISEZMOI.txt
svg/
png/24/
png/48/
png/96/
sprite/ai-agent-line-icons.svg
demo/index.html

Fabrication et IA

Les icônes ont été dessinées en SVG avec un assistant d’IA, sur la grille de la gamme, puis rendues, mesurées et relues une à une : vérification de la grille, du trait et de la zone utile, rendu sur planche à 24 et à 48 px, puis relecture de chaque icône. Les dessins jugés ambigus à la première relecture ont été repris et essayés en petite taille avant d’être retenus. Le pack ne contient aucune image produite par un générateur d’images.

• SVG : vecteurs sans remplissage dont le trait prend la couleur du texte (currentColor). Vous changez la couleur avec la propriété CSS color et l’épaisseur avec l’attribut stroke-width, posé une seule fois sur la balise racine. Les fichiers s’ouvrent dans la plupart des outils de design et s’utilisent directement dans le code (HTML, composants).
• PNG 24, 48 et 96 px : icônes noires sur fond transparent, pour une présentation, un document, une maquette ou un logiciel qui n’importe pas le SVG.
• Sprite SVG : un fichier unique où chaque icône est un <symbol> portant le nom de son fichier, à appeler par <use href="#agent"/>.
• HTML : une page de démonstration autonome, sans script ni ressource externe, qui affiche les icônes par famille en 24, 48 ou 96 px et en plusieurs couleurs, y compris sur fond sombre.

Les icônes sont livrées sous licence commerciale : vous pouvez les utiliser dans vos projets personnels et professionnels, y compris pour vos clients et dans les produits que vous vendez, mais pas revendre ni redistribuer les fichiers, même gratuitement.

• Relier un agent d’IA à votre design system : le guide de l’agent de design et du protocole MCP.
• Générer une interface à partir d’un prompt : le comparatif de deux générateurs d’interfaces par IA.

1.0.0 (13 novembre 2026) : première version.