wifi x icon
wifi-x from Phosphor by Phosphor Icons · Regular · MIT Free for personal and commercial use.
- Name
- wifi-x
- 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 x icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M229.66 98.34a8 8 0 0 1-11.32 11.32L200 91.31l-18.34 18.35a8 8 0 0 1-11.32-11.32L188.69 80l-18.35-18.34a8 8 0 0 1 11.32-11.32L200 68.69l18.34-18.35a8 8 0 0 1 11.32 11.32L211.31 80ZM128 192a12 12 0 1 0 12 12a12 12 0 0 0-12-12m44.71-33.47a76.05 76.05 0 0 0-89.42 0a8 8 0 0 0 9.42 12.94a60 60 0 0 1 70.58 0a8 8 0 1 0 9.42-12.94m-37.09-94.35a8 8 0 1 0 .76-16c-2.78-.13-5.6-.2-8.38-.2A172.35 172.35 0 0 0 18.92 87a8 8 0 1 0 10.16 12.37A156.25 156.25 0 0 1 128 64c2.53 0 5.09.06 7.62.18m-.16 48.07a8 8 0 1 0 1.08-16c-2.83-.19-5.7-.29-8.54-.29a122.74 122.74 0 0 0-77 26.77A8 8 0 0 0 56 137a7.93 7.93 0 0 0 5-1.73A106.87 106.87 0 0 1 128 112c2.48 0 5 .08 7.46.25"/></svg>
React
import type { SVGProps } from "react";
export function PhWifiX(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="M229.66 98.34a8 8 0 0 1-11.32 11.32L200 91.31l-18.34 18.35a8 8 0 0 1-11.32-11.32L188.69 80l-18.35-18.34a8 8 0 0 1 11.32-11.32L200 68.69l18.34-18.35a8 8 0 0 1 11.32 11.32L211.31 80ZM128 192a12 12 0 1 0 12 12a12 12 0 0 0-12-12m44.71-33.47a76.05 76.05 0 0 0-89.42 0a8 8 0 0 0 9.42 12.94a60 60 0 0 1 70.58 0a8 8 0 1 0 9.42-12.94m-37.09-94.35a8 8 0 1 0 .76-16c-2.78-.13-5.6-.2-8.38-.2A172.35 172.35 0 0 0 18.92 87a8 8 0 1 0 10.16 12.37A156.25 156.25 0 0 1 128 64c2.53 0 5.09.06 7.62.18m-.16 48.07a8 8 0 1 0 1.08-16c-2.83-.19-5.7-.29-8.54-.29a122.74 122.74 0 0 0-77 26.77A8 8 0 0 0 56 137a7.93 7.93 0 0 0 5-1.73A106.87 106.87 0 0 1 128 112c2.48 0 5 .08 7.46.25"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M229.66 98.34a8 8 0 0 1-11.32 11.32L200 91.31l-18.34 18.35a8 8 0 0 1-11.32-11.32L188.69 80l-18.35-18.34a8 8 0 0 1 11.32-11.32L200 68.69l18.34-18.35a8 8 0 0 1 11.32 11.32L211.31 80ZM128 192a12 12 0 1 0 12 12a12 12 0 0 0-12-12m44.71-33.47a76.05 76.05 0 0 0-89.42 0a8 8 0 0 0 9.42 12.94a60 60 0 0 1 70.58 0a8 8 0 1 0 9.42-12.94m-37.09-94.35a8 8 0 1 0 .76-16c-2.78-.13-5.6-.2-8.38-.2A172.35 172.35 0 0 0 18.92 87a8 8 0 1 0 10.16 12.37A156.25 156.25 0 0 1 128 64c2.53 0 5.09.06 7.62.18m-.16 48.07a8 8 0 1 0 1.08-16c-2.83-.19-5.7-.29-8.54-.29a122.74 122.74 0 0 0-77 26.77A8 8 0 0 0 56 137a7.93 7.93 0 0 0 5-1.73A106.87 106.87 0 0 1 128 112c2.48 0 5 .08 7.46.25"/></svg> </template>
CSS
.icon-wifi-x {
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%22M229.66%2098.34a8%208%200%200%201-11.32%2011.32L200%2091.31l-18.34%2018.35a8%208%200%200%201-11.32-11.32L188.69%2080l-18.35-18.34a8%208%200%200%201%2011.32-11.32L200%2068.69l18.34-18.35a8%208%200%200%201%2011.32%2011.32L211.31%2080ZM128%20192a12%2012%200%201%200%2012%2012a12%2012%200%200%200-12-12m44.71-33.47a76.05%2076.05%200%200%200-89.42%200a8%208%200%200%200%209.42%2012.94a60%2060%200%200%201%2070.58%200a8%208%200%201%200%209.42-12.94m-37.09-94.35a8%208%200%201%200%20.76-16c-2.78-.13-5.6-.2-8.38-.2A172.35%20172.35%200%200%200%2018.92%2087a8%208%200%201%200%2010.16%2012.37A156.25%20156.25%200%200%201%20128%2064c2.53%200%205.09.06%207.62.18m-.16%2048.07a8%208%200%201%200%201.08-16c-2.83-.19-5.7-.29-8.54-.29a122.74%20122.74%200%200%200-77%2026.77A8%208%200%200%200%2056%20137a7.93%207.93%200%200%200%205-1.73A106.87%20106.87%200%200%201%20128%20112c2.48%200%205%20.08%207.46.25%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%22M229.66%2098.34a8%208%200%200%201-11.32%2011.32L200%2091.31l-18.34%2018.35a8%208%200%200%201-11.32-11.32L188.69%2080l-18.35-18.34a8%208%200%200%201%2011.32-11.32L200%2068.69l18.34-18.35a8%208%200%200%201%2011.32%2011.32L211.31%2080ZM128%20192a12%2012%200%201%200%2012%2012a12%2012%200%200%200-12-12m44.71-33.47a76.05%2076.05%200%200%200-89.42%200a8%208%200%200%200%209.42%2012.94a60%2060%200%200%201%2070.58%200a8%208%200%201%200%209.42-12.94m-37.09-94.35a8%208%200%201%200%20.76-16c-2.78-.13-5.6-.2-8.38-.2A172.35%20172.35%200%200%200%2018.92%2087a8%208%200%201%200%2010.16%2012.37A156.25%20156.25%200%200%201%20128%2064c2.53%200%205.09.06%207.62.18m-.16%2048.07a8%208%200%201%200%201.08-16c-2.83-.19-5.7-.29-8.54-.29a122.74%20122.74%200%200%200-77%2026.77A8%208%200%200%200%2056%20137a7.93%207.93%200%200%200%205-1.73A106.87%20106.87%200%200%201%20128%20112c2.48%200%205%20.08%207.46.25%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/wifi-x.svg?color=%231a73e8&size=48
