wifi info icon
wifi-info-sharp from Keyline Icons by Keyline Icons · Sharp · MIT Free for personal and commercial use.
- Name
- wifi-info-sharp
- Set
- Keyline Icons
- Style
- Sharp
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
Related icons in Keyline Icons
Use the wifi info 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.2451 14 12.4898 14.0225 12.7308 14.0673L13.714 14.2501M5.9214 12.7039L6.6667 12.0372C8.1334 10.7253 10.0322 10 12 10C12.4903 10 12.9795 10.0451 13.4616 10.1346L14.4448 10.3171M3.6667 9.3538L4 9.0557C6.2001 7.0879 9.0483 6 12 6C14.9517 6 17.7999 7.0879 20 9.0557L20.3333 9.3538M17 15L17 19"/><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 18ZM18 12C18 12.5523 17.5523 13 17 13C16.4477 13 16 12.5523 16 12C16 11.4477 16.4477 11 17 11C17.5523 11 18 11.4477 18 12Z" stroke="none"/></g></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsWifiInfoSharp(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.2451 14 12.4898 14.0225 12.7308 14.0673L13.714 14.2501M5.9214 12.7039L6.6667 12.0372C8.1334 10.7253 10.0322 10 12 10C12.4903 10 12.9795 10.0451 13.4616 10.1346L14.4448 10.3171M3.6667 9.3538L4 9.0557C6.2001 7.0879 9.0483 6 12 6C14.9517 6 17.7999 7.0879 20 9.0557L20.3333 9.3538M17 15L17 19"/><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 18ZM18 12C18 12.5523 17.5523 13 17 13C16.4477 13 16 12.5523 16 12C16 11.4477 16.4477 11 17 11C17.5523 11 18 11.4477 18 12Z" 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.2451 14 12.4898 14.0225 12.7308 14.0673L13.714 14.2501M5.9214 12.7039L6.6667 12.0372C8.1334 10.7253 10.0322 10 12 10C12.4903 10 12.9795 10.0451 13.4616 10.1346L14.4448 10.3171M3.6667 9.3538L4 9.0557C6.2001 7.0879 9.0483 6 12 6C14.9517 6 17.7999 7.0879 20 9.0557L20.3333 9.3538M17 15L17 19"/><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 18ZM18 12C18 12.5523 17.5523 13 17 13C16.4477 13 16 12.5523 16 12C16 11.4477 16.4477 11 17 11C17.5523 11 18 11.4477 18 12Z" stroke="none"/></g></svg> </template>
CSS
.icon-wifi-info-sharp {
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.2451%2014%2012.4898%2014.0225%2012.7308%2014.0673L13.714%2014.2501M5.9214%2012.7039L6.6667%2012.0372C8.1334%2010.7253%2010.0322%2010%2012%2010C12.4903%2010%2012.9795%2010.0451%2013.4616%2010.1346L14.4448%2010.3171M3.6667%209.3538L4%209.0557C6.2001%207.0879%209.0483%206%2012%206C14.9517%206%2017.7999%207.0879%2020%209.0557L20.3333%209.3538M17%2015L17%2019%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%2018ZM18%2012C18%2012.5523%2017.5523%2013%2017%2013C16.4477%2013%2016%2012.5523%2016%2012C16%2011.4477%2016.4477%2011%2017%2011C17.5523%2011%2018%2011.4477%2018%2012Z%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.2451%2014%2012.4898%2014.0225%2012.7308%2014.0673L13.714%2014.2501M5.9214%2012.7039L6.6667%2012.0372C8.1334%2010.7253%2010.0322%2010%2012%2010C12.4903%2010%2012.9795%2010.0451%2013.4616%2010.1346L14.4448%2010.3171M3.6667%209.3538L4%209.0557C6.2001%207.0879%209.0483%206%2012%206C14.9517%206%2017.7999%207.0879%2020%209.0557L20.3333%209.3538M17%2015L17%2019%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%2018ZM18%2012C18%2012.5523%2017.5523%2013%2017%2013C16.4477%2013%2016%2012.5523%2016%2012C16%2011.4477%2016.4477%2011%2017%2011C17.5523%2011%2018%2011.4477%2018%2012Z%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-info-sharp.svg?color=%231a73e8&size=48
