wifi icon
wifi from Majesticons by Gerrit Halfmann · Solid · MIT Free for personal and commercial use.
- Name
- wifi
- Set
- Majesticons
- Style
- Solid
- 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="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 1a4 4 0 0 0-4 4v14a4 4 0 0 0 4 4h14a4 4 0 0 0 4-4V5a4 4 0 0 0-4-4H5zm6.994 5c-3.202 0-6.122 1.348-8.29 3.569a1 1 0 1 1-1.431-1.397C4.787 5.597 8.21 4 11.994 4c3.783 0 7.207 1.597 9.721 4.172a1 1 0 1 1-1.43 1.397C18.115 7.349 15.196 6 11.995 6zm0 5c-2.023 0-3.883.78-5.335 2.095a1 1 0 1 1-1.342-1.483C7.11 9.99 9.44 9 11.994 9c2.554 0 4.885.99 6.677 2.612a1 1 0 1 1-1.342 1.483C15.877 11.78 14.017 11 11.994 11zm0 5a4.3 4.3 0 0 0-2.511.814a1 1 0 1 1-1.162-1.628A6.3 6.3 0 0 1 11.994 14c1.363 0 2.627.44 3.673 1.186a1 1 0 1 1-1.162 1.628a4.3 4.3 0 0 0-2.51-.814zm-1 3a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2h-.01a1 1 0 0 1-1-1z" fill="currentColor"/></g></svg>
React
import type { SVGProps } from "react";
export function MajesticonsWifi(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"><path fillRule="evenodd" clipRule="evenodd" d="M5 1a4 4 0 0 0-4 4v14a4 4 0 0 0 4 4h14a4 4 0 0 0 4-4V5a4 4 0 0 0-4-4H5zm6.994 5c-3.202 0-6.122 1.348-8.29 3.569a1 1 0 1 1-1.431-1.397C4.787 5.597 8.21 4 11.994 4c3.783 0 7.207 1.597 9.721 4.172a1 1 0 1 1-1.43 1.397C18.115 7.349 15.196 6 11.995 6zm0 5c-2.023 0-3.883.78-5.335 2.095a1 1 0 1 1-1.342-1.483C7.11 9.99 9.44 9 11.994 9c2.554 0 4.885.99 6.677 2.612a1 1 0 1 1-1.342 1.483C15.877 11.78 14.017 11 11.994 11zm0 5a4.3 4.3 0 0 0-2.511.814a1 1 0 1 1-1.162-1.628A6.3 6.3 0 0 1 11.994 14c1.363 0 2.627.44 3.673 1.186a1 1 0 1 1-1.162 1.628a4.3 4.3 0 0 0-2.51-.814zm-1 3a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2h-.01a1 1 0 0 1-1-1z" fill="currentColor"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 1a4 4 0 0 0-4 4v14a4 4 0 0 0 4 4h14a4 4 0 0 0 4-4V5a4 4 0 0 0-4-4H5zm6.994 5c-3.202 0-6.122 1.348-8.29 3.569a1 1 0 1 1-1.431-1.397C4.787 5.597 8.21 4 11.994 4c3.783 0 7.207 1.597 9.721 4.172a1 1 0 1 1-1.43 1.397C18.115 7.349 15.196 6 11.995 6zm0 5c-2.023 0-3.883.78-5.335 2.095a1 1 0 1 1-1.342-1.483C7.11 9.99 9.44 9 11.994 9c2.554 0 4.885.99 6.677 2.612a1 1 0 1 1-1.342 1.483C15.877 11.78 14.017 11 11.994 11zm0 5a4.3 4.3 0 0 0-2.511.814a1 1 0 1 1-1.162-1.628A6.3 6.3 0 0 1 11.994 14c1.363 0 2.627.44 3.673 1.186a1 1 0 1 1-1.162 1.628a4.3 4.3 0 0 0-2.51-.814zm-1 3a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2h-.01a1 1 0 0 1-1-1z" fill="currentColor"/></g></svg> </template>
CSS
.icon-wifi {
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%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%201a4%204%200%200%200-4%204v14a4%204%200%200%200%204%204h14a4%204%200%200%200%204-4V5a4%204%200%200%200-4-4H5zm6.994%205c-3.202%200-6.122%201.348-8.29%203.569a1%201%200%201%201-1.431-1.397C4.787%205.597%208.21%204%2011.994%204c3.783%200%207.207%201.597%209.721%204.172a1%201%200%201%201-1.43%201.397C18.115%207.349%2015.196%206%2011.995%206zm0%205c-2.023%200-3.883.78-5.335%202.095a1%201%200%201%201-1.342-1.483C7.11%209.99%209.44%209%2011.994%209c2.554%200%204.885.99%206.677%202.612a1%201%200%201%201-1.342%201.483C15.877%2011.78%2014.017%2011%2011.994%2011zm0%205a4.3%204.3%200%200%200-2.511.814a1%201%200%201%201-1.162-1.628A6.3%206.3%200%200%201%2011.994%2014c1.363%200%202.627.44%203.673%201.186a1%201%200%201%201-1.162%201.628a4.3%204.3%200%200%200-2.51-.814zm-1%203a1%201%200%200%201%201-1h.01a1%201%200%201%201%200%202h-.01a1%201%200%200%201-1-1z%22%20fill%3D%22currentColor%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%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%201a4%204%200%200%200-4%204v14a4%204%200%200%200%204%204h14a4%204%200%200%200%204-4V5a4%204%200%200%200-4-4H5zm6.994%205c-3.202%200-6.122%201.348-8.29%203.569a1%201%200%201%201-1.431-1.397C4.787%205.597%208.21%204%2011.994%204c3.783%200%207.207%201.597%209.721%204.172a1%201%200%201%201-1.43%201.397C18.115%207.349%2015.196%206%2011.995%206zm0%205c-2.023%200-3.883.78-5.335%202.095a1%201%200%201%201-1.342-1.483C7.11%209.99%209.44%209%2011.994%209c2.554%200%204.885.99%206.677%202.612a1%201%200%201%201-1.342%201.483C15.877%2011.78%2014.017%2011%2011.994%2011zm0%205a4.3%204.3%200%200%200-2.511.814a1%201%200%201%201-1.162-1.628A6.3%206.3%200%200%201%2011.994%2014c1.363%200%202.627.44%203.673%201.186a1%201%200%201%201-1.162%201.628a4.3%204.3%200%200%200-2.51-.814zm-1%203a1%201%200%200%201%201-1h.01a1%201%200%201%201%200%202h-.01a1%201%200%200%201-1-1z%22%20fill%3D%22currentColor%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.svg?color=%231a73e8&size=48
