The Phosphor bluetooth x icon depicts a Bluetooth symbol with an 'X' overlay, commonly used to indicate a disconnected Bluetooth state or an error with a Bluetooth connection.
Common uses
- Bluetooth disconnected status
- Bluetooth pairing failure
- Bluetooth error notification
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { BluetoothX } from '@phosphor-icons/react';
<BluetoothX size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<BluetoothX size={24} />thin
<BluetoothX size={24} weight="thin" />light
<BluetoothX size={24} weight="light" />bold
<BluetoothX size={24} weight="bold" />fill
<BluetoothX size={24} weight="fill" />duotone
<BluetoothX size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- system
- Keywords
- wirelessconnectionconnectivitydisconnectederrorssystembluetoothxbluetooth disabledno bluetoothbluetooth errorbluetooth off
FAQ
- What does the bluetooth-x icon represent?
- It signifies that a Bluetooth connection is not active, has failed, or is experiencing an error.
- How do I use this icon in React?
- You can import and use it like this: import { BluetoothX } from '@phosphor-icons/react'.
- What is the license for this icon?
- The Phosphor icon library, including this 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 →