wifi icon
wifi-line from Majesticons by Gerrit Halfmann · Line · MIT Free for personal and commercial use.
- Name
- wifi-line
- Set
- Majesticons
- Style
- Line
- Viewbox
- 24×24
- License
- MIT
1 other variant in Majesticons
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 IconswifiMaterial SymbolswifiMaterial Symbols Light
Use the wifi icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M2.041 10.643A12.97 12.97 0 0 1 12 6a12.97 12.97 0 0 1 9.959 4.643a1 1 0 1 0 1.53-1.286A14.97 14.97 0 0 0 12 4A14.97 14.97 0 0 0 .51 9.357a1 1 0 0 0 1.531 1.286zM5.573 13.7A8.97 8.97 0 0 1 12 11a8.97 8.97 0 0 1 6.427 2.7a1 1 0 0 0 1.428-1.4A10.97 10.97 0 0 0 12 9a10.97 10.97 0 0 0-7.856 3.3a1 1 0 1 0 1.429 1.4zm3.663 3.133A4.972 4.972 0 0 1 12 16c1.024 0 1.973.307 2.764.833a1 1 0 1 0 1.107-1.666A6.972 6.972 0 0 0 12 14c-1.43 0-2.762.43-3.871 1.167a1 1 0 1 0 1.107 1.666zM12 18a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H12z"/></g></svg>
React
import type { SVGProps } from "react";
export function MajesticonsWifiLine(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M2.041 10.643A12.97 12.97 0 0 1 12 6a12.97 12.97 0 0 1 9.959 4.643a1 1 0 1 0 1.53-1.286A14.97 14.97 0 0 0 12 4A14.97 14.97 0 0 0 .51 9.357a1 1 0 0 0 1.531 1.286zM5.573 13.7A8.97 8.97 0 0 1 12 11a8.97 8.97 0 0 1 6.427 2.7a1 1 0 0 0 1.428-1.4A10.97 10.97 0 0 0 12 9a10.97 10.97 0 0 0-7.856 3.3a1 1 0 1 0 1.429 1.4zm3.663 3.133A4.972 4.972 0 0 1 12 16c1.024 0 1.973.307 2.764.833a1 1 0 1 0 1.107-1.666A6.972 6.972 0 0 0 12 14c-1.43 0-2.762.43-3.871 1.167a1 1 0 1 0 1.107 1.666zM12 18a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H12z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M2.041 10.643A12.97 12.97 0 0 1 12 6a12.97 12.97 0 0 1 9.959 4.643a1 1 0 1 0 1.53-1.286A14.97 14.97 0 0 0 12 4A14.97 14.97 0 0 0 .51 9.357a1 1 0 0 0 1.531 1.286zM5.573 13.7A8.97 8.97 0 0 1 12 11a8.97 8.97 0 0 1 6.427 2.7a1 1 0 0 0 1.428-1.4A10.97 10.97 0 0 0 12 9a10.97 10.97 0 0 0-7.856 3.3a1 1 0 1 0 1.429 1.4zm3.663 3.133A4.972 4.972 0 0 1 12 16c1.024 0 1.973.307 2.764.833a1 1 0 1 0 1.107-1.666A6.972 6.972 0 0 0 12 14c-1.43 0-2.762.43-3.871 1.167a1 1 0 1 0 1.107 1.666zM12 18a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H12z"/></g></svg> </template>
CSS
.icon-wifi-line {
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%22currentColor%22%3E%3Cpath%20d%3D%22M2.041%2010.643A12.97%2012.97%200%200%201%2012%206a12.97%2012.97%200%200%201%209.959%204.643a1%201%200%201%200%201.53-1.286A14.97%2014.97%200%200%200%2012%204A14.97%2014.97%200%200%200%20.51%209.357a1%201%200%200%200%201.531%201.286zM5.573%2013.7A8.97%208.97%200%200%201%2012%2011a8.97%208.97%200%200%201%206.427%202.7a1%201%200%200%200%201.428-1.4A10.97%2010.97%200%200%200%2012%209a10.97%2010.97%200%200%200-7.856%203.3a1%201%200%201%200%201.429%201.4zm3.663%203.133A4.972%204.972%200%200%201%2012%2016c1.024%200%201.973.307%202.764.833a1%201%200%201%200%201.107-1.666A6.972%206.972%200%200%200%2012%2014c-1.43%200-2.762.43-3.871%201.167a1%201%200%201%200%201.107%201.666zM12%2018a1%201%200%201%200%200%202h.01a1%201%200%201%200%200-2H12z%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%22currentColor%22%3E%3Cpath%20d%3D%22M2.041%2010.643A12.97%2012.97%200%200%201%2012%206a12.97%2012.97%200%200%201%209.959%204.643a1%201%200%201%200%201.53-1.286A14.97%2014.97%200%200%200%2012%204A14.97%2014.97%200%200%200%20.51%209.357a1%201%200%200%200%201.531%201.286zM5.573%2013.7A8.97%208.97%200%200%201%2012%2011a8.97%208.97%200%200%201%206.427%202.7a1%201%200%200%200%201.428-1.4A10.97%2010.97%200%200%200%2012%209a10.97%2010.97%200%200%200-7.856%203.3a1%201%200%201%200%201.429%201.4zm3.663%203.133A4.972%204.972%200%200%201%2012%2016c1.024%200%201.973.307%202.764.833a1%201%200%201%200%201.107-1.666A6.972%206.972%200%200%200%2012%2014c-1.43%200-2.762.43-3.871%201.167a1%201%200%201%200%201.107%201.666zM12%2018a1%201%200%201%200%200%202h.01a1%201%200%201%200%200-2H12z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/majesticons/wifi-line.svg?color=%231a73e8&size=48
