devpack
EnglishEspañolPortuguêsBahasa IndonesiaFrançaisРусскийDeutschTiếng Việt

Kostenlose Wi-Fi-Icons (SVG)

48 kostenlose Wi-Fi-Icons aus Open-Source-Sets – klick ein Icon an, um Größe, Farbe und Strichstärke zu ändern, und kopiere es als SVG, JSX, Data URI oder CSS.

Aktualisiert am

wifi
Lucidewifi
Tablerwifi
Heroiconswifi-x
Phosphorwifi
Bootstrap Iconswifi
Iconoirwifi-1-20-filled
Fluent UIwifi
Material Symbolswifi
Material Design Iconswifi
Carbonwifi-cog
Lucidewifi-0
Tablerwifi-16-solid
Heroiconswifi-x-bold
Phosphorwifi-1
Bootstrap Iconswifi-off
Iconoirwifi-1-20-regular
Fluent UIwifi-rounded
Material Symbolswifi-cog
Material Design Iconswifi-off
Carbonwifi-low
Lucidewifi-1
Tablerwifi-20-solid
Heroiconswifi-x-duotone
Phosphorwifi-2
Bootstrap Iconswifi-tag
Iconoirwifi-1-24-filled
Fluent UIwifi-sharp
Material Symbolswifi-off
Material Design Iconswifi-off
Lucidewifi-2
Tablerwifi-solid
Heroiconswifi-x-fill
Phosphorwifi-off
Bootstrap Iconswifi-tag-solid
Iconoirwifi-1-24-regular
Fluent UIwifi-add
Material Symbolswifi-lock
Material Design Iconswifi-pen
Lucidewifi-off
Tablerwifi-x-light
Phosphorwifi-1-48-filled
Fluent UIwifi-add-outline
Material Symbolswifi-plus
Material Design Iconswifi-high
Lucidewifi-x-thin
Phosphorwifi-1-48-regular
Fluent UIwifi-add-outline-rounded
Material Symbols

Wi-Fi-Icons verwenden

WLAN-Bögen zeigen den Verbindungsstatus und Netzwerkeinstellungen an.

Alle Icons hier folgen currentColor, übernehmen also die Textfarbe des Elements, in dem sie stehen – ein SVG funktioniert auf hellen und dunklen Hintergründen, in Links und in Buttons. Setze eine explizite width und height (oder definiere die Größe per CSS mit 1em), damit sich das Layout beim Laden der Seite nicht verschiebt.

Barrierefreie Icons

Ist das Icon dekorativ oder steht neben sichtbarem Text, ergänze aria-hidden="true". Ist es der einzige Inhalt eines Buttons oder Links, gib diesem Element ein aria-label wie „Wi-Fi“.

Lizenzen

Diese Wi-Fi-Icons stammen von Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols, Material Design Icons und Carbon – Open-Source-Sets unter den Lizenzen MIT, ISC oder Apache 2.0, die private und kommerzielle Nutzung erlauben. Brauchst du etwas anderes? Durchsuche über 70.000 Icons im SVG Icon Finder.

Häufige Fragen

Sind diese Wi-Fi-Icons kostenlos für kommerzielle Nutzung?
Ja. Sie stammen aus Open-Source-Icon-Sets unter den Lizenzen MIT, ISC oder Apache 2.0, die kommerzielle Nutzung erlauben. Behalte den Lizenzhinweis bei, wenn du die Icon-Dateien selbst weitergibst.
Wie ändere ich die Farbe eines Wi-Fi-Icons?
Die SVGs verwenden currentColor, also setze die CSS-Farbe des übergeordneten Elements – oder öffne das Icon im Finder und wähle vor dem Kopieren eine feste Farbe.
Kann ich diese Icons in Webflow oder React verwenden?
Ja. Öffne ein Icon und nutze „Copy to Webflow“ (fügt ein Code Embed ein) oder „Copy JSX“ für eine React-Komponente.