The Phosphor wifi medium icon depicts a signal strength indicator, commonly used to represent a stable wireless internet connection in user interfaces.
Common uses
- Displaying current network status
- Indicating available Wi-Fi networks
- Showing connection quality in settings
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { WifiMedium } from '@phosphor-icons/react';
<WifiMedium size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<WifiMedium size={24} />thin
<WifiMedium size={24} weight="thin" />light
<WifiMedium size={24} weight="light" />bold
<WifiMedium size={24} weight="bold" />fill
<WifiMedium size={24} weight="fill" />duotone
<WifiMedium size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- system
- Keywords
- wirelessinternetnetworkconnectionconnectivitysystemwifimediumwireless signalnetwork strengthinternet connectionwi-fi bars
FAQ
- What does the wifi medium icon represent?
- It represents a medium level of Wi-Fi signal strength, indicating a good but not necessarily the strongest wireless internet connection.
- How do I use this icon in React?
- You can import and use it like this: `import { WifiMedium } from '@phosphor-icons/react'`. Then render it as a component: `<WifiMedium />`.
- What is the license for this icon?
- The Phosphor icon library, including the wifi medium icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →