Icônes d'interactions sociales sans logo, 36 icônes ligne offertes

Ce pack réunit 36 icônes ligne pour les gestes d’une interface sociale, livrées en SVG, en PNG et en sprite SVG, gratuites avec un compte et sous licence commerciale. Il s’adresse aux designers et aux développeurs qui conçoivent un fil de publications, un espace de commentaires, une messagerie, une page de profil, un forum ou l’espace communautaire d’un produit : réagir, commenter, partager, enregistrer, suivre, publier, signaler. Chaque fichier porte un nom anglais simple (like, repost, followers), 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 barre d’actions, un menu de publication et un panneau de notifications restent dans un seul style.

Le pack ne contient aucun logo de plateforme ni aucun dessin propre à un réseau social : pas d’oiseau, de lettre stylisée, d’avion en papier ou de pastille dentelée. Il dessine les gestes, que toutes les interfaces partagent. Pour afficher le logo d’une plateforme, utilisez le kit de marque officiel qu’elle publie, avec ses règles d’usage.

• 36 icônes en style ligne, réparties en 6 familles de 6 :
  • Réactions (6) : like, dislike, emoji, add-reaction, flame, trending ;
  • Conversation (6) : comment, comments, message, mention, hashtag, voice-message ;
  • Partage (6) : share-nodes, repost, bookmark, pin, link, embed ;
  • Communauté (6) : following, unfollow, followers, group, profile, verified ;
  • Publication (6) : compose, image, story, live, poll, event ;
  • Modération et alertes (6) : notification, mute, report, block, hide, more.
• 36 fichiers SVG, un par icône.
• 108 fichiers PNG : chaque icône en 24, 48 et 96 px.
• 1 sprite SVG qui rassemble les 36 icônes sous forme de symboles.
• 1 page HTML de démonstration.

Quelques choix de dessin à connaître avant de télécharger. verified est un badge générique, une rosette à ruban marquée d’une coche, sans dentelure. repost est une boucle de flèches, share-nodes des nœuds reliés par des traits, story un anneau segmenté avec un signe plus. message est une enveloppe, pour la messagerie privée, et comment une bulle. flame signale un contenu populaire, trending une tendance montante. more ouvre le menu d’une publication, en points de suspension.

Le pack suit la même grille que les autres packs d’icônes ligne de Beryl Design : 24 px, trait de 1,5, 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 :

svg/
png/24/
png/48/
png/96/
sprite/social-interaction-line-icons.svg
demo/index.html

Fabrication et IA

Les icônes ont été dessinées en SVG avec un assistant d’IA, puis relues et contrôlées une à une : rendu à 24 et à 48 px sur fond clair et sur fond sombre, vérification de la grille et du trait, puis relecture de chaque icône sur planche. Le pack ne contient aucune image générée par IA.

• 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 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="#like"/>.
• 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.

• Comment garder un style commun sur toute une série : la méthode pour produire des icônes cohérentes.
• Générer ses icônes ou utiliser un pack : l’IA générative face aux packs d’icônes.

Les icônes sont-elles vraiment gratuites ?

Oui. Il suffit de créer un compte gratuit sur Beryl Design pour télécharger l’archive. Aucun paiement n’est demandé.

Le pack contient-il les logos des réseaux sociaux ?

Non. Le pack ne contient que des gestes génériques (réagir, commenter, partager, suivre, signaler) et aucun logo ni dessin propre à une plateforme. Pour un logo, utilisez le kit de marque officiel de la plateforme, qui en fixe les règles d’usage.

Comment changer la couleur et l’épaisseur des icônes ?

Dans le SVG, le trait suit la couleur du texte : la propriété CSS color suffit. L’épaisseur se règle avec l’attribut stroke-width, présent une seule fois sur la balise racine de chaque fichier. Les PNG, eux, sont livrés en noir sur fond transparent.

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