wifi icon

wifi from Font Awesome 6 Solid by Dave Gandy · Regular · Communication · CC-BY-4.0 Attribution required.

Name
wifi
Set
Font Awesome 6 Solid
Style
Regular
Category
Communication
Viewbox
640×512
License
CC BY 4.0

The same icon in other sets

wifiAkar Iconswifi-outlinedAnt Design IconswifiBootstrap IconswifiBoxIcons v2wifiCarbonwifi-fillEva IconswifiFramework7 IconswifiFont Awesome SolidwifiFeather Iconswifi-20Fluent UI System Color IconswifiHeroIconswifiHumbleiconswifiIconParkwifiIconPark OutlinewifiIconoirwifiIonIconswifiJam IconswifiLine AwesomewifiSVG LogoswifiLucidewifiMage IconswifiMajesticonswifiMaterial SymbolswifiMaterial Symbols Light

More communication icons from Font Awesome 6 Solid

atchalkboardinboxlanguagemobilepaper-planevoicemail

Use the wifi icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M54.2 202.9C123.2 136.7 216.8 96 320 96s196.8 40.7 265.8 106.9c12.8 12.2 33 11.8 45.2-.9s11.8-33-.9-45.2C549.7 79.5 440.4 32 320 32S90.3 79.5 9.8 156.7C-2.9 169-3.3 189.2 8.9 202s32.5 13.2 45.2.9zM320 256c56.8 0 108.6 21.1 148.2 56c13.3 11.7 33.5 10.4 45.2-2.8s10.4-33.5-2.8-45.2C459.8 219.2 393 192 320 192s-139.8 27.2-190.5 72c-13.3 11.7-14.5 31.9-2.8 45.2s31.9 14.5 45.2 2.8c39.5-34.9 91.3-56 148.2-56zm64 160a64 64 0 1 0-128 0a64 64 0 1 0 128 0"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidWifi(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M54.2 202.9C123.2 136.7 216.8 96 320 96s196.8 40.7 265.8 106.9c12.8 12.2 33 11.8 45.2-.9s11.8-33-.9-45.2C549.7 79.5 440.4 32 320 32S90.3 79.5 9.8 156.7C-2.9 169-3.3 189.2 8.9 202s32.5 13.2 45.2.9zM320 256c56.8 0 108.6 21.1 148.2 56c13.3 11.7 33.5 10.4 45.2-2.8s10.4-33.5-2.8-45.2C459.8 219.2 393 192 320 192s-139.8 27.2-190.5 72c-13.3 11.7-14.5 31.9-2.8 45.2s31.9 14.5 45.2 2.8c39.5-34.9 91.3-56 148.2-56zm64 160a64 64 0 1 0-128 0a64 64 0 1 0 128 0"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M54.2 202.9C123.2 136.7 216.8 96 320 96s196.8 40.7 265.8 106.9c12.8 12.2 33 11.8 45.2-.9s11.8-33-.9-45.2C549.7 79.5 440.4 32 320 32S90.3 79.5 9.8 156.7C-2.9 169-3.3 189.2 8.9 202s32.5 13.2 45.2.9zM320 256c56.8 0 108.6 21.1 148.2 56c13.3 11.7 33.5 10.4 45.2-2.8s10.4-33.5-2.8-45.2C459.8 219.2 393 192 320 192s-139.8 27.2-190.5 72c-13.3 11.7-14.5 31.9-2.8 45.2s31.9 14.5 45.2 2.8c39.5-34.9 91.3-56 148.2-56zm64 160a64 64 0 1 0-128 0a64 64 0 1 0 128 0"/></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%20640%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M54.2%20202.9C123.2%20136.7%20216.8%2096%20320%2096s196.8%2040.7%20265.8%20106.9c12.8%2012.2%2033%2011.8%2045.2-.9s11.8-33-.9-45.2C549.7%2079.5%20440.4%2032%20320%2032S90.3%2079.5%209.8%20156.7C-2.9%20169-3.3%20189.2%208.9%20202s32.5%2013.2%2045.2.9zM320%20256c56.8%200%20108.6%2021.1%20148.2%2056c13.3%2011.7%2033.5%2010.4%2045.2-2.8s10.4-33.5-2.8-45.2C459.8%20219.2%20393%20192%20320%20192s-139.8%2027.2-190.5%2072c-13.3%2011.7-14.5%2031.9-2.8%2045.2s31.9%2014.5%2045.2%202.8c39.5-34.9%2091.3-56%20148.2-56zm64%20160a64%2064%200%201%200-128%200a64%2064%200%201%200%20128%200%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%20640%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M54.2%20202.9C123.2%20136.7%20216.8%2096%20320%2096s196.8%2040.7%20265.8%20106.9c12.8%2012.2%2033%2011.8%2045.2-.9s11.8-33-.9-45.2C549.7%2079.5%20440.4%2032%20320%2032S90.3%2079.5%209.8%20156.7C-2.9%20169-3.3%20189.2%208.9%20202s32.5%2013.2%2045.2.9zM320%20256c56.8%200%20108.6%2021.1%20148.2%2056c13.3%2011.7%2033.5%2010.4%2045.2-2.8s10.4-33.5-2.8-45.2C459.8%20219.2%20393%20192%20320%20192s-139.8%2027.2-190.5%2072c-13.3%2011.7-14.5%2031.9-2.8%2045.2s31.9%2014.5%2045.2%202.8c39.5-34.9%2091.3-56%20148.2-56zm64%20160a64%2064%200%201%200-128%200a64%2064%200%201%200%20128%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-solid/wifi.svg?color=%231a73e8&size=48