wifi off icon
wifi-off from BoxIcons v2 by Boxicons · Regular · MIT Free for personal and commercial use.
- Name
- wifi-off
- Set
- BoxIcons v2
- Style
- Regular
- Viewbox
- 24×24
- License
- MIT
- Aliases
- bx-wifi-off
The same icon in other sets
wifi-offBootstrap Iconswifi-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-off-fillRemix Iconwifi-offTabler Iconswifi-offTDesign Icons
Related icons in BoxIcons v2
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="m1.293 8.395l1.414 1.414c.504-.504 1.052-.95 1.622-1.359L2.9 7.021c-.56.422-1.104.87-1.607 1.374M6.474 5.06L3.707 2.293L2.293 3.707l18 18l1.414-1.414l-5.012-5.012l.976-.975a7.86 7.86 0 0 0-4.099-2.148L11.294 9.88c2.789-.191 5.649.748 7.729 2.827l1.414-1.414c-2.898-2.899-7.061-3.936-10.888-3.158L8.024 6.61A13.4 13.4 0 0 1 12 6c3.537 0 6.837 1.353 9.293 3.809l1.414-1.414C19.874 5.561 16.071 4 12 4a15.2 15.2 0 0 0-5.526 1.06m-2.911 6.233l1.414 1.414a9.6 9.6 0 0 1 2.058-1.551L5.576 9.697c-.717.451-1.395.979-2.013 1.596m2.766 3.014l1.414 1.414c.692-.692 1.535-1.151 2.429-1.428l-1.557-1.557a7.8 7.8 0 0 0-2.286 1.571m7.66 3.803l-2.1-2.1a1.996 1.996 0 1 0 2.1 2.1"/></svg>
React
import type { SVGProps } from "react";
export function BxWifiOff(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="m1.293 8.395l1.414 1.414c.504-.504 1.052-.95 1.622-1.359L2.9 7.021c-.56.422-1.104.87-1.607 1.374M6.474 5.06L3.707 2.293L2.293 3.707l18 18l1.414-1.414l-5.012-5.012l.976-.975a7.86 7.86 0 0 0-4.099-2.148L11.294 9.88c2.789-.191 5.649.748 7.729 2.827l1.414-1.414c-2.898-2.899-7.061-3.936-10.888-3.158L8.024 6.61A13.4 13.4 0 0 1 12 6c3.537 0 6.837 1.353 9.293 3.809l1.414-1.414C19.874 5.561 16.071 4 12 4a15.2 15.2 0 0 0-5.526 1.06m-2.911 6.233l1.414 1.414a9.6 9.6 0 0 1 2.058-1.551L5.576 9.697c-.717.451-1.395.979-2.013 1.596m2.766 3.014l1.414 1.414c.692-.692 1.535-1.151 2.429-1.428l-1.557-1.557a7.8 7.8 0 0 0-2.286 1.571m7.66 3.803l-2.1-2.1a1.996 1.996 0 1 0 2.1 2.1"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m1.293 8.395l1.414 1.414c.504-.504 1.052-.95 1.622-1.359L2.9 7.021c-.56.422-1.104.87-1.607 1.374M6.474 5.06L3.707 2.293L2.293 3.707l18 18l1.414-1.414l-5.012-5.012l.976-.975a7.86 7.86 0 0 0-4.099-2.148L11.294 9.88c2.789-.191 5.649.748 7.729 2.827l1.414-1.414c-2.898-2.899-7.061-3.936-10.888-3.158L8.024 6.61A13.4 13.4 0 0 1 12 6c3.537 0 6.837 1.353 9.293 3.809l1.414-1.414C19.874 5.561 16.071 4 12 4a15.2 15.2 0 0 0-5.526 1.06m-2.911 6.233l1.414 1.414a9.6 9.6 0 0 1 2.058-1.551L5.576 9.697c-.717.451-1.395.979-2.013 1.596m2.766 3.014l1.414 1.414c.692-.692 1.535-1.151 2.429-1.428l-1.557-1.557a7.8 7.8 0 0 0-2.286 1.571m7.66 3.803l-2.1-2.1a1.996 1.996 0 1 0 2.1 2.1"/></svg> </template>
CSS
.icon-wifi-off {
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%22m1.293%208.395l1.414%201.414c.504-.504%201.052-.95%201.622-1.359L2.9%207.021c-.56.422-1.104.87-1.607%201.374M6.474%205.06L3.707%202.293L2.293%203.707l18%2018l1.414-1.414l-5.012-5.012l.976-.975a7.86%207.86%200%200%200-4.099-2.148L11.294%209.88c2.789-.191%205.649.748%207.729%202.827l1.414-1.414c-2.898-2.899-7.061-3.936-10.888-3.158L8.024%206.61A13.4%2013.4%200%200%201%2012%206c3.537%200%206.837%201.353%209.293%203.809l1.414-1.414C19.874%205.561%2016.071%204%2012%204a15.2%2015.2%200%200%200-5.526%201.06m-2.911%206.233l1.414%201.414a9.6%209.6%200%200%201%202.058-1.551L5.576%209.697c-.717.451-1.395.979-2.013%201.596m2.766%203.014l1.414%201.414c.692-.692%201.535-1.151%202.429-1.428l-1.557-1.557a7.8%207.8%200%200%200-2.286%201.571m7.66%203.803l-2.1-2.1a1.996%201.996%200%201%200%202.1%202.1%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%22m1.293%208.395l1.414%201.414c.504-.504%201.052-.95%201.622-1.359L2.9%207.021c-.56.422-1.104.87-1.607%201.374M6.474%205.06L3.707%202.293L2.293%203.707l18%2018l1.414-1.414l-5.012-5.012l.976-.975a7.86%207.86%200%200%200-4.099-2.148L11.294%209.88c2.789-.191%205.649.748%207.729%202.827l1.414-1.414c-2.898-2.899-7.061-3.936-10.888-3.158L8.024%206.61A13.4%2013.4%200%200%201%2012%206c3.537%200%206.837%201.353%209.293%203.809l1.414-1.414C19.874%205.561%2016.071%204%2012%204a15.2%2015.2%200%200%200-5.526%201.06m-2.911%206.233l1.414%201.414a9.6%209.6%200%200%201%202.058-1.551L5.576%209.697c-.717.451-1.395.979-2.013%201.596m2.766%203.014l1.414%201.414c.692-.692%201.535-1.151%202.429-1.428l-1.557-1.557a7.8%207.8%200%200%200-2.286%201.571m7.66%203.803l-2.1-2.1a1.996%201.996%200%201%200%202.1%202.1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bx/wifi-off.svg?color=%231a73e8&size=48
