Bluetooth Disabled icon
Used for device bluetooth scenarios. The Bluetooth Disabled icon is part of Microsoft's Fluent UI System Icons, available here in filled and regular (outlined) styles on a 24 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.
Use the Bluetooth Disabled icon in React
Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.
npm install @fluentui/react-icons
import { BluetoothDisabled24Regular, BluetoothDisabled24Filled } from "@fluentui/react-icons";
export function Example() {
return <BluetoothDisabled24Regular aria-label="Bluetooth Disabled" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_bluetooth_disabled_24_regular.svg" width="24" height="24" alt="Bluetooth Disabled"> Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.4999 17.5608L20.7194 21.7805C21.0123 22.0734 21.4872 22.0734 21.7801 21.7805C22.073 21.4876 22.073 21.0127 21.7801 20.7198L3.28034 2.21968C2.98745 1.92678 2.51257 1.92677 2.21968 2.21966C1.92678 2.51255 1.92677 2.98743 2.21966 3.28032L10.7797 11.8405L6.26428 15.6786C5.94867 15.9468 5.9103 16.4202 6.17856 16.7358C6.44683 17.0514 6.92015 17.0897 7.23575 16.8215L11 13.6219V21.25C11 21.5534 11.1827 21.8268 11.463 21.9429C11.7433 22.059 12.0658 21.9949 12.2803 21.7804L16.4999 17.5608ZM12.9064 13.9673L15.4392 16.5002L12.5 19.4394V13.6219L12.9064 13.9673ZM17.2358 8.32148L14.1371 10.9553L13.073 9.89116L15.6446 7.70528L12.5 4.56068V9.31818L11 7.81815V2.75002C11 2.44668 11.1827 2.1732 11.463 2.05711C11.7433 1.94103 12.0658 2.00519 12.2803 2.21969L17.2803 7.21969C17.4284 7.36779 17.5079 7.57108 17.4994 7.78035C17.4909 7.98963 17.3953 8.18583 17.2358 8.32148Z" fill="currentColor"/></svg>Use it from the SVG package
Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:
npm install @fluentui/svg-icons
import icon from "@fluentui/svg-icons/icons/bluetooth_disabled_24_regular.svg";Details
| Name | Bluetooth Disabled |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_bluetooth_disabled_24_regular.svg |
| Filled file | ic_fluent_bluetooth_disabled_24_filled.svg |
| React components | BluetoothDisabled24Regular, BluetoothDisabled24Filled |
| License | MIT (© Microsoft Corporation) |