wifi slash icon

wifi-slash-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name
wifi-slash-light
Set
Phosphor
Style
Light
Viewbox
256×256
License
MIT

5 other variants in Phosphor

wifi-slashwifi-slash-boldwifi-slash-duotonewifi-slash-fillwifi-slash-thin

The same icon in other sets

wifi-slashFramework7 Iconswifi-slashUnicons

Related icons in Phosphor

wifi-highwifi-lowwifi-mediumwifi-nonewifi-x

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="M138 204a10 10 0 1 1-10-10a10 10 0 0 1 10 10M52.44 36a6 6 0 0 0-8.88 8l17.77 19.58a169.4 169.4 0 0 0-41.14 25a6 6 0 1 0 7.62 9.27A157.6 157.6 0 0 1 69.91 73l26.48 29.13a122.2 122.2 0 0 0-44.12 22.19a6 6 0 0 0 7.46 9.41a110 110 0 0 1 45.87-21.47l31.13 34.25A74 74 0 0 0 128 146a73.44 73.44 0 0 0-43.53 14.15A6 6 0 0 0 88 171a5.93 5.93 0 0 0 3.53-1.15a62 62 0 0 1 59.76-7.31L203.56 220a6 6 0 0 0 8.88-8.08Zm183.37 52.55A170.32 170.32 0 0 0 128 50a174 174 0 0 0-21.76 1.38a6 6 0 1 0 1.52 11.9A161 161 0 0 1 128 62a158.26 158.26 0 0 1 100.19 35.82a6 6 0 1 0 7.62-9.27m-39.54 45.2A6 6 0 0 0 200 135a6 6 0 0 0 3.73-10.7a122.26 122.26 0 0 0-50.9-23.81a6 6 0 1 0-2.43 11.75a110 110 0 0 1 45.87 21.51"/></svg>

React

import type { SVGProps } from "react";

export function PhWifiSlashLight(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="M138 204a10 10 0 1 1-10-10a10 10 0 0 1 10 10M52.44 36a6 6 0 0 0-8.88 8l17.77 19.58a169.4 169.4 0 0 0-41.14 25a6 6 0 1 0 7.62 9.27A157.6 157.6 0 0 1 69.91 73l26.48 29.13a122.2 122.2 0 0 0-44.12 22.19a6 6 0 0 0 7.46 9.41a110 110 0 0 1 45.87-21.47l31.13 34.25A74 74 0 0 0 128 146a73.44 73.44 0 0 0-43.53 14.15A6 6 0 0 0 88 171a5.93 5.93 0 0 0 3.53-1.15a62 62 0 0 1 59.76-7.31L203.56 220a6 6 0 0 0 8.88-8.08Zm183.37 52.55A170.32 170.32 0 0 0 128 50a174 174 0 0 0-21.76 1.38a6 6 0 1 0 1.52 11.9A161 161 0 0 1 128 62a158.26 158.26 0 0 1 100.19 35.82a6 6 0 1 0 7.62-9.27m-39.54 45.2A6 6 0 0 0 200 135a6 6 0 0 0 3.73-10.7a122.26 122.26 0 0 0-50.9-23.81a6 6 0 1 0-2.43 11.75a110 110 0 0 1 45.87 21.51"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M138 204a10 10 0 1 1-10-10a10 10 0 0 1 10 10M52.44 36a6 6 0 0 0-8.88 8l17.77 19.58a169.4 169.4 0 0 0-41.14 25a6 6 0 1 0 7.62 9.27A157.6 157.6 0 0 1 69.91 73l26.48 29.13a122.2 122.2 0 0 0-44.12 22.19a6 6 0 0 0 7.46 9.41a110 110 0 0 1 45.87-21.47l31.13 34.25A74 74 0 0 0 128 146a73.44 73.44 0 0 0-43.53 14.15A6 6 0 0 0 88 171a5.93 5.93 0 0 0 3.53-1.15a62 62 0 0 1 59.76-7.31L203.56 220a6 6 0 0 0 8.88-8.08Zm183.37 52.55A170.32 170.32 0 0 0 128 50a174 174 0 0 0-21.76 1.38a6 6 0 1 0 1.52 11.9A161 161 0 0 1 128 62a158.26 158.26 0 0 1 100.19 35.82a6 6 0 1 0 7.62-9.27m-39.54 45.2A6 6 0 0 0 200 135a6 6 0 0 0 3.73-10.7a122.26 122.26 0 0 0-50.9-23.81a6 6 0 1 0-2.43 11.75a110 110 0 0 1 45.87 21.51"/></svg>
</template>

CSS

.icon-wifi-slash-light {
  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%22M138%20204a10%2010%200%201%201-10-10a10%2010%200%200%201%2010%2010M52.44%2036a6%206%200%200%200-8.88%208l17.77%2019.58a169.4%20169.4%200%200%200-41.14%2025a6%206%200%201%200%207.62%209.27A157.6%20157.6%200%200%201%2069.91%2073l26.48%2029.13a122.2%20122.2%200%200%200-44.12%2022.19a6%206%200%200%200%207.46%209.41a110%20110%200%200%201%2045.87-21.47l31.13%2034.25A74%2074%200%200%200%20128%20146a73.44%2073.44%200%200%200-43.53%2014.15A6%206%200%200%200%2088%20171a5.93%205.93%200%200%200%203.53-1.15a62%2062%200%200%201%2059.76-7.31L203.56%20220a6%206%200%200%200%208.88-8.08Zm183.37%2052.55A170.32%20170.32%200%200%200%20128%2050a174%20174%200%200%200-21.76%201.38a6%206%200%201%200%201.52%2011.9A161%20161%200%200%201%20128%2062a158.26%20158.26%200%200%201%20100.19%2035.82a6%206%200%201%200%207.62-9.27m-39.54%2045.2A6%206%200%200%200%20200%20135a6%206%200%200%200%203.73-10.7a122.26%20122.26%200%200%200-50.9-23.81a6%206%200%201%200-2.43%2011.75a110%20110%200%200%201%2045.87%2021.51%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%22M138%20204a10%2010%200%201%201-10-10a10%2010%200%200%201%2010%2010M52.44%2036a6%206%200%200%200-8.88%208l17.77%2019.58a169.4%20169.4%200%200%200-41.14%2025a6%206%200%201%200%207.62%209.27A157.6%20157.6%200%200%201%2069.91%2073l26.48%2029.13a122.2%20122.2%200%200%200-44.12%2022.19a6%206%200%200%200%207.46%209.41a110%20110%200%200%201%2045.87-21.47l31.13%2034.25A74%2074%200%200%200%20128%20146a73.44%2073.44%200%200%200-43.53%2014.15A6%206%200%200%200%2088%20171a5.93%205.93%200%200%200%203.53-1.15a62%2062%200%200%201%2059.76-7.31L203.56%20220a6%206%200%200%200%208.88-8.08Zm183.37%2052.55A170.32%20170.32%200%200%200%20128%2050a174%20174%200%200%200-21.76%201.38a6%206%200%201%200%201.52%2011.9A161%20161%200%200%201%20128%2062a158.26%20158.26%200%200%201%20100.19%2035.82a6%206%200%201%200%207.62-9.27m-39.54%2045.2A6%206%200%200%200%20200%20135a6%206%200%200%200%203.73-10.7a122.26%20122.26%200%200%200-50.9-23.81a6%206%200%201%200-2.43%2011.75a110%20110%200%200%201%2045.87%2021.51%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/wifi-slash-light.svg?color=%231a73e8&size=48