wifi slash icon
wifi-slash from Phosphor by Phosphor Icons · Regular · MIT Free for personal and commercial use.
- Name
- wifi-slash
- Set
- Phosphor
- Style
- Regular
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
Related icons in Phosphor
Use the wifi slash icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M213.92 210.62a8 8 0 1 1-11.84 10.76l-52-57.15a60 60 0 0 0-57.41 7.24a8 8 0 1 1-9.42-12.93A75.43 75.43 0 0 1 128 144c1.28 0 2.55 0 3.82.1l-26.92-29.61A108 108 0 0 0 61 135.31A8 8 0 0 1 49.73 134A8 8 0 0 1 51 122.77a124.3 124.3 0 0 1 41.71-21.66L69.37 75.4a155.4 155.4 0 0 0-40.29 24A8 8 0 0 1 18.92 87A172 172 0 0 1 58 62.86L42.08 45.38a8 8 0 1 1 11.84-10.76ZM128 192a12 12 0 1 0 12 12a12 12 0 0 0-12-12M237.08 87A172.3 172.3 0 0 0 106 49.4a8 8 0 1 0 2 15.87A158 158 0 0 1 128 64a156.25 156.25 0 0 1 98.92 35.37A8 8 0 0 0 237.08 87M195 135.31a8 8 0 0 0 11.24-1.3a8 8 0 0 0-1.3-11.24a124.25 124.25 0 0 0-51.73-24.2a8 8 0 1 0-3.21 15.67a108.1 108.1 0 0 1 45 21.07"/></svg>
React
import type { SVGProps } from "react";
export function PhWifiSlash(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M213.92 210.62a8 8 0 1 1-11.84 10.76l-52-57.15a60 60 0 0 0-57.41 7.24a8 8 0 1 1-9.42-12.93A75.43 75.43 0 0 1 128 144c1.28 0 2.55 0 3.82.1l-26.92-29.61A108 108 0 0 0 61 135.31A8 8 0 0 1 49.73 134A8 8 0 0 1 51 122.77a124.3 124.3 0 0 1 41.71-21.66L69.37 75.4a155.4 155.4 0 0 0-40.29 24A8 8 0 0 1 18.92 87A172 172 0 0 1 58 62.86L42.08 45.38a8 8 0 1 1 11.84-10.76ZM128 192a12 12 0 1 0 12 12a12 12 0 0 0-12-12M237.08 87A172.3 172.3 0 0 0 106 49.4a8 8 0 1 0 2 15.87A158 158 0 0 1 128 64a156.25 156.25 0 0 1 98.92 35.37A8 8 0 0 0 237.08 87M195 135.31a8 8 0 0 0 11.24-1.3a8 8 0 0 0-1.3-11.24a124.25 124.25 0 0 0-51.73-24.2a8 8 0 1 0-3.21 15.67a108.1 108.1 0 0 1 45 21.07"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M213.92 210.62a8 8 0 1 1-11.84 10.76l-52-57.15a60 60 0 0 0-57.41 7.24a8 8 0 1 1-9.42-12.93A75.43 75.43 0 0 1 128 144c1.28 0 2.55 0 3.82.1l-26.92-29.61A108 108 0 0 0 61 135.31A8 8 0 0 1 49.73 134A8 8 0 0 1 51 122.77a124.3 124.3 0 0 1 41.71-21.66L69.37 75.4a155.4 155.4 0 0 0-40.29 24A8 8 0 0 1 18.92 87A172 172 0 0 1 58 62.86L42.08 45.38a8 8 0 1 1 11.84-10.76ZM128 192a12 12 0 1 0 12 12a12 12 0 0 0-12-12M237.08 87A172.3 172.3 0 0 0 106 49.4a8 8 0 1 0 2 15.87A158 158 0 0 1 128 64a156.25 156.25 0 0 1 98.92 35.37A8 8 0 0 0 237.08 87M195 135.31a8 8 0 0 0 11.24-1.3a8 8 0 0 0-1.3-11.24a124.25 124.25 0 0 0-51.73-24.2a8 8 0 1 0-3.21 15.67a108.1 108.1 0 0 1 45 21.07"/></svg> </template>
CSS
.icon-wifi-slash {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M213.92%20210.62a8%208%200%201%201-11.84%2010.76l-52-57.15a60%2060%200%200%200-57.41%207.24a8%208%200%201%201-9.42-12.93A75.43%2075.43%200%200%201%20128%20144c1.28%200%202.55%200%203.82.1l-26.92-29.61A108%20108%200%200%200%2061%20135.31A8%208%200%200%201%2049.73%20134A8%208%200%200%201%2051%20122.77a124.3%20124.3%200%200%201%2041.71-21.66L69.37%2075.4a155.4%20155.4%200%200%200-40.29%2024A8%208%200%200%201%2018.92%2087A172%20172%200%200%201%2058%2062.86L42.08%2045.38a8%208%200%201%201%2011.84-10.76ZM128%20192a12%2012%200%201%200%2012%2012a12%2012%200%200%200-12-12M237.08%2087A172.3%20172.3%200%200%200%20106%2049.4a8%208%200%201%200%202%2015.87A158%20158%200%200%201%20128%2064a156.25%20156.25%200%200%201%2098.92%2035.37A8%208%200%200%200%20237.08%2087M195%20135.31a8%208%200%200%200%2011.24-1.3a8%208%200%200%200-1.3-11.24a124.25%20124.25%200%200%200-51.73-24.2a8%208%200%201%200-3.21%2015.67a108.1%20108.1%200%200%201%2045%2021.07%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M213.92%20210.62a8%208%200%201%201-11.84%2010.76l-52-57.15a60%2060%200%200%200-57.41%207.24a8%208%200%201%201-9.42-12.93A75.43%2075.43%200%200%201%20128%20144c1.28%200%202.55%200%203.82.1l-26.92-29.61A108%20108%200%200%200%2061%20135.31A8%208%200%200%201%2049.73%20134A8%208%200%200%201%2051%20122.77a124.3%20124.3%200%200%201%2041.71-21.66L69.37%2075.4a155.4%20155.4%200%200%200-40.29%2024A8%208%200%200%201%2018.92%2087A172%20172%200%200%201%2058%2062.86L42.08%2045.38a8%208%200%201%201%2011.84-10.76ZM128%20192a12%2012%200%201%200%2012%2012a12%2012%200%200%200-12-12M237.08%2087A172.3%20172.3%200%200%200%20106%2049.4a8%208%200%201%200%202%2015.87A158%20158%200%200%201%20128%2064a156.25%20156.25%200%200%201%2098.92%2035.37A8%208%200%200%200%20237.08%2087M195%20135.31a8%208%200%200%200%2011.24-1.3a8%208%200%200%200-1.3-11.24a124.25%20124.25%200%200%200-51.73-24.2a8%208%200%201%200-3.21%2015.67a108.1%20108.1%200%200%201%2045%2021.07%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/wifi-slash.svg?color=%231a73e8&size=48
