wifi icon
wifi-sharp-duotone from Keyline Icons by Keyline Icons · Sharp Duotone · MIT Free for personal and commercial use.
- Name
- wifi-sharp-duotone
- Set
- Keyline Icons
- Style
- Sharp Duotone
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
The same icon in other sets
wifiAkar Iconswifi-outlinedAnt Design IconswifiBootstrap IconswifiBoxIcons v2wifiCarbonwifi-fillEva IconswifiFramework7 IconswifiFont Awesome 6 SolidwifiFont Awesome SolidwifiFeather Iconswifi-20Fluent UI System Color IconswifiHeroIconswifiHumbleiconswifiIconParkwifiIconPark OutlinewifiIconoirwifiIonIconswifiJam IconswifiLine AwesomewifiSVG LogoswifiLucidewifiMage IconswifiMajesticonswifiMaterial Symbols
Related icons in Keyline Icons
Use the wifi 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="M8.588 15.6853L9.3333 15.0186C10.0667 14.3626 11.0161 14 12 14C12.9839 14 13.9333 14.3626 14.6667 15.0186L15.412 15.6853M5.9214 12.7039L6.6667 12.0372C8.1334 10.7253 10.0322 10 12 10C13.9678 10 15.8666 10.7253 17.3333 12.0372L18.0786 12.7039M3.6667 9.3538L4 9.0557C6.2001 7.0879 9.0483 6 12 6C14.9517 6 17.7999 7.0879 20 9.0557L20.3333 9.3538"/><path fill="currentColor" d="M13 18C13 18.5523 12.5523 19 12 19C11.4477 19 11 18.5523 11 18C11 17.4477 11.4477 17 12 17C12.5523 17 13 17.4477 13 18Z" stroke="none"/></g></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsWifiSharpDuotone(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="M8.588 15.6853L9.3333 15.0186C10.0667 14.3626 11.0161 14 12 14C12.9839 14 13.9333 14.3626 14.6667 15.0186L15.412 15.6853M5.9214 12.7039L6.6667 12.0372C8.1334 10.7253 10.0322 10 12 10C13.9678 10 15.8666 10.7253 17.3333 12.0372L18.0786 12.7039M3.6667 9.3538L4 9.0557C6.2001 7.0879 9.0483 6 12 6C14.9517 6 17.7999 7.0879 20 9.0557L20.3333 9.3538"/><path fill="currentColor" d="M13 18C13 18.5523 12.5523 19 12 19C11.4477 19 11 18.5523 11 18C11 17.4477 11.4477 17 12 17C12.5523 17 13 17.4477 13 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="M8.588 15.6853L9.3333 15.0186C10.0667 14.3626 11.0161 14 12 14C12.9839 14 13.9333 14.3626 14.6667 15.0186L15.412 15.6853M5.9214 12.7039L6.6667 12.0372C8.1334 10.7253 10.0322 10 12 10C13.9678 10 15.8666 10.7253 17.3333 12.0372L18.0786 12.7039M3.6667 9.3538L4 9.0557C6.2001 7.0879 9.0483 6 12 6C14.9517 6 17.7999 7.0879 20 9.0557L20.3333 9.3538"/><path fill="currentColor" d="M13 18C13 18.5523 12.5523 19 12 19C11.4477 19 11 18.5523 11 18C11 17.4477 11.4477 17 12 17C12.5523 17 13 17.4477 13 18Z" stroke="none"/></g></svg> </template>
CSS
.icon-wifi-sharp-duotone {
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%22M8.588%2015.6853L9.3333%2015.0186C10.0667%2014.3626%2011.0161%2014%2012%2014C12.9839%2014%2013.9333%2014.3626%2014.6667%2015.0186L15.412%2015.6853M5.9214%2012.7039L6.6667%2012.0372C8.1334%2010.7253%2010.0322%2010%2012%2010C13.9678%2010%2015.8666%2010.7253%2017.3333%2012.0372L18.0786%2012.7039M3.6667%209.3538L4%209.0557C6.2001%207.0879%209.0483%206%2012%206C14.9517%206%2017.7999%207.0879%2020%209.0557L20.3333%209.3538%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13%2018C13%2018.5523%2012.5523%2019%2012%2019C11.4477%2019%2011%2018.5523%2011%2018C11%2017.4477%2011.4477%2017%2012%2017C12.5523%2017%2013%2017.4477%2013%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%22M8.588%2015.6853L9.3333%2015.0186C10.0667%2014.3626%2011.0161%2014%2012%2014C12.9839%2014%2013.9333%2014.3626%2014.6667%2015.0186L15.412%2015.6853M5.9214%2012.7039L6.6667%2012.0372C8.1334%2010.7253%2010.0322%2010%2012%2010C13.9678%2010%2015.8666%2010.7253%2017.3333%2012.0372L18.0786%2012.7039M3.6667%209.3538L4%209.0557C6.2001%207.0879%209.0483%206%2012%206C14.9517%206%2017.7999%207.0879%2020%209.0557L20.3333%209.3538%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13%2018C13%2018.5523%2012.5523%2019%2012%2019C11.4477%2019%2011%2018.5523%2011%2018C11%2017.4477%2011.4477%2017%2012%2017C12.5523%2017%2013%2017.4477%2013%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-sharp-duotone.svg?color=%231a73e8&size=48
