Cellular Off icon
Used for device connection status. The Cellular Off 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 Cellular Off 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 { CellularOff24Regular, CellularOff24Filled } from "@fluentui/react-icons";
export function Example() {
return <CellularOff24Regular aria-label="Cellular Off" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_cellular_off_24_regular.svg" width="24" height="24" alt="Cellular Off"> 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="M3.28034 2.21968C2.98745 1.92678 2.51257 1.92677 2.21968 2.21966C1.92678 2.51255 1.92677 2.98743 2.21966 3.28032L11 12.0608V19.25L11.0068 19.3518C11.0565 19.7179 11.3703 20 11.75 20C12.1642 20 12.5 19.6642 12.5 19.25V13.5609L15 16.0609V19.25L15.0068 19.3518C15.0565 19.7179 15.3703 20 15.75 20C16.1642 20 16.5 19.6642 16.5 19.25V17.5609L20.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.21968ZM19 15.8183L20.5 17.3183V5.74214L20.4921 5.64052C20.4389 5.27524 20.1224 4.99637 19.7427 5.00001C19.3285 5.00406 18.996 5.34282 19 5.75668V15.8183ZM15 11.8182L16.5 13.3182V8.75001L16.4932 8.64824C16.4435 8.28217 16.1297 8.00001 15.75 8.00001C15.3358 8.00001 15 8.3358 15 8.75001V11.8182ZM3.75 17C4.1297 17 4.44349 17.2822 4.49315 17.6482L4.5 17.75V19.25C4.5 19.6642 4.16421 20 3.75 20C3.3703 20 3.05651 19.7179 3.00685 19.3518L3 19.25V17.75C3 17.3358 3.33579 17 3.75 17ZM7.75 14C8.1297 14 8.44349 14.2822 8.49315 14.6482L8.5 14.75V19.2487C8.5 19.6629 8.16421 19.9987 7.75 19.9987C7.3703 19.9987 7.05651 19.7166 7.00685 19.3505L7 19.2487V14.75C7 14.3358 7.33579 14 7.75 14Z" 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/cellular_off_24_regular.svg";Details
| Name | Cellular Off |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_cellular_off_24_regular.svg |
| Filled file | ic_fluent_cellular_off_24_filled.svg |
| React components | CellularOff24Regular, CellularOff24Filled |
| License | MIT (© Microsoft Corporation) |