wifi x icon
wifi-x-sharp-two-tone from Keyline Icons by Keyline Icons · Sharp Two Tone · MIT Free for personal and commercial use.
- Name
- wifi-x-sharp-two-tone
- Set
- Keyline Icons
- Style
- Sharp Two Tone
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
The same icon in other sets
Related icons in Keyline Icons
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 stroke-opacity=".4" 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.6293"/><path fill="currentColor" fill-opacity=".4" 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"/><path d="M15.7071 11.7071L22.2929 18.2929M22.2929 11.7071L15.7071 18.2929"/></g></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsWifiXSharpTwoTone(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 strokeOpacity=".4" 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.6293"/><path fill="currentColor" fillOpacity=".4" 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"/><path d="M15.7071 11.7071L22.2929 18.2929M22.2929 11.7071L15.7071 18.2929"/></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 stroke-opacity=".4" 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.6293"/><path fill="currentColor" fill-opacity=".4" 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"/><path d="M15.7071 11.7071L22.2929 18.2929M22.2929 11.7071L15.7071 18.2929"/></g></svg> </template>
CSS
.icon-wifi-x-sharp-two-tone {
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%20stroke-opacity%3D%22.4%22%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.6293%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%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%3Cpath%20d%3D%22M15.7071%2011.7071L22.2929%2018.2929M22.2929%2011.7071L15.7071%2018.2929%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%20stroke-opacity%3D%22.4%22%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.6293%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%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%3Cpath%20d%3D%22M15.7071%2011.7071L22.2929%2018.2929M22.2929%2011.7071L15.7071%2018.2929%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-two-tone.svg?color=%231a73e8&size=48
