wifi x icon

wifi-x-sharp-fill from Keyline Icons by Keyline Icons · Sharp Fill · MIT Free for personal and commercial use.

Name
wifi-x-sharp-fill
Set
Keyline Icons
Style
Sharp Fill
Viewbox
24×24
License
MIT

7 other variants in Keyline Icons

wifi-xwifi-x-duotonewifi-x-fillwifi-x-sharpwifi-x-sharp-duotonewifi-x-sharp-two-tonewifi-x-two-tone

The same icon in other sets

wifi-xMyna UI Iconswifi-xPhosphor

Related icons in Keyline Icons

wifi-exclamationwifi-infowifi-lowwifi-medium

Use the wifi x icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path d="M6.588 15.6853L7.3333 15.0186C8.0667 14.3626 9.0161 14 10 14C10.399 14 10.7958 14.0597 11.1771 14.1771L12.1328 14.4714M3.9214 12.7039L4.6667 12.0372C6.1334 10.7253 8.0322 10 10 10C10.798 10 11.5916 10.1194 12.3542 10.3542L13.3099 10.6485M1.6667 9.3538L2 9.0557C4.2001 7.0879 7.0483 6 10 6C12.4013 6 14.7473 6.7204 16.7347 8.0681L17.5623 8.6293M15.7071 11.7071L22.2929 18.2929M22.2929 11.7071L15.7071 18.2929"/><path fill="currentColor" d="M11 18C11 18.5523 10.5523 19 10 19C9.4477 19 9 18.5523 9 18C9 17.4477 9.4477 17 10 17C10.5523 17 11 17.4477 11 18Z" stroke="none"/></g></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsWifiXSharpFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="2"><path d="M6.588 15.6853L7.3333 15.0186C8.0667 14.3626 9.0161 14 10 14C10.399 14 10.7958 14.0597 11.1771 14.1771L12.1328 14.4714M3.9214 12.7039L4.6667 12.0372C6.1334 10.7253 8.0322 10 10 10C10.798 10 11.5916 10.1194 12.3542 10.3542L13.3099 10.6485M1.6667 9.3538L2 9.0557C4.2001 7.0879 7.0483 6 10 6C12.4013 6 14.7473 6.7204 16.7347 8.0681L17.5623 8.6293M15.7071 11.7071L22.2929 18.2929M22.2929 11.7071L15.7071 18.2929"/><path fill="currentColor" d="M11 18C11 18.5523 10.5523 19 10 19C9.4477 19 9 18.5523 9 18C9 17.4477 9.4477 17 10 17C10.5523 17 11 17.4477 11 18Z" stroke="none"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path d="M6.588 15.6853L7.3333 15.0186C8.0667 14.3626 9.0161 14 10 14C10.399 14 10.7958 14.0597 11.1771 14.1771L12.1328 14.4714M3.9214 12.7039L4.6667 12.0372C6.1334 10.7253 8.0322 10 10 10C10.798 10 11.5916 10.1194 12.3542 10.3542L13.3099 10.6485M1.6667 9.3538L2 9.0557C4.2001 7.0879 7.0483 6 10 6C12.4013 6 14.7473 6.7204 16.7347 8.0681L17.5623 8.6293M15.7071 11.7071L22.2929 18.2929M22.2929 11.7071L15.7071 18.2929"/><path fill="currentColor" d="M11 18C11 18.5523 10.5523 19 10 19C9.4477 19 9 18.5523 9 18C9 17.4477 9.4477 17 10 17C10.5523 17 11 17.4477 11 18Z" stroke="none"/></g></svg>
</template>

CSS

.icon-wifi-x-sharp-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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M6.588%2015.6853L7.3333%2015.0186C8.0667%2014.3626%209.0161%2014%2010%2014C10.399%2014%2010.7958%2014.0597%2011.1771%2014.1771L12.1328%2014.4714M3.9214%2012.7039L4.6667%2012.0372C6.1334%2010.7253%208.0322%2010%2010%2010C10.798%2010%2011.5916%2010.1194%2012.3542%2010.3542L13.3099%2010.6485M1.6667%209.3538L2%209.0557C4.2001%207.0879%207.0483%206%2010%206C12.4013%206%2014.7473%206.7204%2016.7347%208.0681L17.5623%208.6293M15.7071%2011.7071L22.2929%2018.2929M22.2929%2011.7071L15.7071%2018.2929%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11%2018C11%2018.5523%2010.5523%2019%2010%2019C9.4477%2019%209%2018.5523%209%2018C9%2017.4477%209.4477%2017%2010%2017C10.5523%2017%2011%2017.4477%2011%2018Z%22%20stroke%3D%22none%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M6.588%2015.6853L7.3333%2015.0186C8.0667%2014.3626%209.0161%2014%2010%2014C10.399%2014%2010.7958%2014.0597%2011.1771%2014.1771L12.1328%2014.4714M3.9214%2012.7039L4.6667%2012.0372C6.1334%2010.7253%208.0322%2010%2010%2010C10.798%2010%2011.5916%2010.1194%2012.3542%2010.3542L13.3099%2010.6485M1.6667%209.3538L2%209.0557C4.2001%207.0879%207.0483%206%2010%206C12.4013%206%2014.7473%206.7204%2016.7347%208.0681L17.5623%208.6293M15.7071%2011.7071L22.2929%2018.2929M22.2929%2011.7071L15.7071%2018.2929%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11%2018C11%2018.5523%2010.5523%2019%2010%2019C9.4477%2019%209%2018.5523%209%2018C9%2017.4477%209.4477%2017%2010%2017C10.5523%2017%2011%2017.4477%2011%2018Z%22%20stroke%3D%22none%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/wifi-x-sharp-fill.svg?color=%231a73e8&size=48