wifi off icon
wifi-off-fill from Remix Icon by Remix Design · Fill · Device · Apache-2.0 Free for personal and commercial use.
- Name
- wifi-off-fill
- Set
- Remix Icon
- Style
- Fill
- Category
- Device
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in Remix Icon
The same icon in other sets
wifi-offBootstrap Iconswifi-offBoxIcons v2wifi-offCarbonwifi-off-fillEva Iconswifi-offFeather Iconswifi-off-20-filledFluent UI System Iconswifi-offHumbleiconswifi-offIconoirwifi-offLucidewifi-offMaterial Symbolswifi-offMaterial Symbols Lightwifi-offMaterial Design Iconswifi-off-fillMingCute Iconwifi-offMyna UI Iconswifi-offTabler Iconswifi-offTDesign Icons
More device icons from Remix Icon
airplay-fillbarcode-box-fillbarcode-fillbase-station-fillbattery-2-charge-fillbattery-2-fillbattery-charge-fillbattery-fillbattery-low-fillbattery-saver-fillbattery-share-fillbluetooth-connect-fillbluetooth-fillcast-fillcellphone-fillcomputer-fillcpu-filldashboard-2-filldashboard-3-filldatabase-2-filldatabase-filldevice-filldevice-recover-filldual-sim-1-fill
Use the wifi off icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 18c.714 0 1.37.25 1.886.666L12 21l-1.886-2.334A3 3 0 0 1 12 18M2.808 1.393l17.677 17.678l-1.414 1.414l-3.682-3.68l-.246.306A4.98 4.98 0 0 0 12 16c-1.19 0-2.283.416-3.141 1.11l-1.885-2.334a7.96 7.96 0 0 1 4.622-1.766l-1.773-1.772a9.96 9.96 0 0 0-4.106 1.982L3.83 10.887A13 13 0 0 1 7.416 8.83L5.885 7.3a15 15 0 0 0-3.31 2.031L.689 6.997a18 18 0 0 1 2.952-1.942L1.393 2.808zM16.084 11.87l-3.867-3.867L12 8c3.095 0 5.937 1.081 8.17 2.887l-1.886 2.333a10 10 0 0 0-2.2-1.35M12 3a17.92 17.92 0 0 1 11.31 3.998L21.426 9.33A14.94 14.94 0 0 0 12 6q-.858 0-1.69.094L7.724 3.511A18 18 0 0 1 12 3"/></svg>
React
import type { SVGProps } from "react";
export function RiWifiOffFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 18c.714 0 1.37.25 1.886.666L12 21l-1.886-2.334A3 3 0 0 1 12 18M2.808 1.393l17.677 17.678l-1.414 1.414l-3.682-3.68l-.246.306A4.98 4.98 0 0 0 12 16c-1.19 0-2.283.416-3.141 1.11l-1.885-2.334a7.96 7.96 0 0 1 4.622-1.766l-1.773-1.772a9.96 9.96 0 0 0-4.106 1.982L3.83 10.887A13 13 0 0 1 7.416 8.83L5.885 7.3a15 15 0 0 0-3.31 2.031L.689 6.997a18 18 0 0 1 2.952-1.942L1.393 2.808zM16.084 11.87l-3.867-3.867L12 8c3.095 0 5.937 1.081 8.17 2.887l-1.886 2.333a10 10 0 0 0-2.2-1.35M12 3a17.92 17.92 0 0 1 11.31 3.998L21.426 9.33A14.94 14.94 0 0 0 12 6q-.858 0-1.69.094L7.724 3.511A18 18 0 0 1 12 3"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 18c.714 0 1.37.25 1.886.666L12 21l-1.886-2.334A3 3 0 0 1 12 18M2.808 1.393l17.677 17.678l-1.414 1.414l-3.682-3.68l-.246.306A4.98 4.98 0 0 0 12 16c-1.19 0-2.283.416-3.141 1.11l-1.885-2.334a7.96 7.96 0 0 1 4.622-1.766l-1.773-1.772a9.96 9.96 0 0 0-4.106 1.982L3.83 10.887A13 13 0 0 1 7.416 8.83L5.885 7.3a15 15 0 0 0-3.31 2.031L.689 6.997a18 18 0 0 1 2.952-1.942L1.393 2.808zM16.084 11.87l-3.867-3.867L12 8c3.095 0 5.937 1.081 8.17 2.887l-1.886 2.333a10 10 0 0 0-2.2-1.35M12 3a17.92 17.92 0 0 1 11.31 3.998L21.426 9.33A14.94 14.94 0 0 0 12 6q-.858 0-1.69.094L7.724 3.511A18 18 0 0 1 12 3"/></svg> </template>
CSS
.icon-wifi-off-fill {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%2018c.714%200%201.37.25%201.886.666L12%2021l-1.886-2.334A3%203%200%200%201%2012%2018M2.808%201.393l17.677%2017.678l-1.414%201.414l-3.682-3.68l-.246.306A4.98%204.98%200%200%200%2012%2016c-1.19%200-2.283.416-3.141%201.11l-1.885-2.334a7.96%207.96%200%200%201%204.622-1.766l-1.773-1.772a9.96%209.96%200%200%200-4.106%201.982L3.83%2010.887A13%2013%200%200%201%207.416%208.83L5.885%207.3a15%2015%200%200%200-3.31%202.031L.689%206.997a18%2018%200%200%201%202.952-1.942L1.393%202.808zM16.084%2011.87l-3.867-3.867L12%208c3.095%200%205.937%201.081%208.17%202.887l-1.886%202.333a10%2010%200%200%200-2.2-1.35M12%203a17.92%2017.92%200%200%201%2011.31%203.998L21.426%209.33A14.94%2014.94%200%200%200%2012%206q-.858%200-1.69.094L7.724%203.511A18%2018%200%200%201%2012%203%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%2018c.714%200%201.37.25%201.886.666L12%2021l-1.886-2.334A3%203%200%200%201%2012%2018M2.808%201.393l17.677%2017.678l-1.414%201.414l-3.682-3.68l-.246.306A4.98%204.98%200%200%200%2012%2016c-1.19%200-2.283.416-3.141%201.11l-1.885-2.334a7.96%207.96%200%200%201%204.622-1.766l-1.773-1.772a9.96%209.96%200%200%200-4.106%201.982L3.83%2010.887A13%2013%200%200%201%207.416%208.83L5.885%207.3a15%2015%200%200%200-3.31%202.031L.689%206.997a18%2018%200%200%201%202.952-1.942L1.393%202.808zM16.084%2011.87l-3.867-3.867L12%208c3.095%200%205.937%201.081%208.17%202.887l-1.886%202.333a10%2010%200%200%200-2.2-1.35M12%203a17.92%2017.92%200%200%201%2011.31%203.998L21.426%209.33A14.94%2014.94%200%200%200%2012%206q-.858%200-1.69.094L7.724%203.511A18%2018%200%200%201%2012%203%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ri/wifi-off-fill.svg?color=%231a73e8&size=48
