Icônes Wi-Fi gratuites (SVG)

48 icônes wi-fi gratuites issues de jeux open source : cliquez sur l’une d’elles pour modifier sa taille, sa couleur et son trait, puis copiez-la en SVG, JSX, URI de données ou CSS.

Mis à jour le

Utiliser les icônes wi-fi

Les arcs du Wi-Fi indiquent l’état de la connexion et les paramètres réseau.

Toutes les icônes proposées ici suivent currentColor, elles prennent donc la couleur du texte de l’élément dans lequel elles se trouvent : un seul SVG fonctionne sur fond clair comme sur fond sombre, dans les liens comme dans les boutons. Définissez une width et une height explicites (ou dimensionnez-les en CSS avec 1em) afin que la mise en page ne bouge pas pendant le chargement de la page.

Icônes accessibles

Si l’icône est purement décorative ou se trouve à côté d’un texte visible, ajoutez aria-hidden="true". Si elle est le seul contenu d’un bouton ou d’un lien, donnez à cet élément un aria-label tel que « Wi-Fi ».

Licences

Ces icônes wi-fi proviennent de Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols, Material Design Icons et Carbon : des jeux open source sous licences MIT, ISC ou Apache 2.0, qui autorisent l’usage personnel et commercial. Besoin d’autre chose ? Recherchez parmi plus de 70 000 icônes dans le SVG Icon Finder.

Questions fréquentes

Ces icônes wi-fi sont-elles gratuites pour un usage commercial ?
Oui. Elles proviennent de jeux d’icônes open source sous licences MIT, ISC ou Apache 2.0, qui autorisent l’usage commercial. Conservez la mention de licence si vous redistribuez vous-même les fichiers d’icônes.
Comment modifier la couleur d’une icône wi-fi ?
Les SVG utilisent currentColor : définissez donc la couleur CSS de l’élément parent. Vous pouvez aussi ouvrir l’icône dans le moteur de recherche et choisir une couleur fixe avant de la copier.
Puis-je utiliser ces icônes dans Webflow ou React ?
Oui. Ouvrez une icône et utilisez « Copier vers Webflow » (colle un Code Embed) ou « Copier en JSX » pour un composant React.