wifi icon
wifi from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- wifi
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
2 other variants in IonIcons
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 OutlinewifiIconoirwifiJam IconswifiLine AwesomewifiSVG LogoswifiLucidewifiMage IconswifiMajesticonswifiMaterial SymbolswifiMaterial Symbols Light
Use the wifi icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" fill-rule="evenodd" d="M331.295 353.764c.131.181-.091-.13 0 0a46 46 0 0 0-1.039-1.365a64 64 0 0 0-3.618-4.17c-3.112-3.302-7.69-7.537-13.87-11.725C300.287 328.047 281.56 320 256 320s-44.287 8.047-56.768 16.504c-6.18 4.188-10.758 8.423-13.87 11.725a64 64 0 0 0-3.618 4.17c.264-.361-.43.544 0 0l-1.586 2.142a16 16 0 0 0 2.135 20.463l62.586 60.5c6.202 5.995 16.039 5.995 22.241 0l62.587-60.5a16 16 0 0 0 2.136-20.463z" clip-rule="evenodd"/><path fill="currentColor" fill-rule="evenodd" d="M421.086 269.862c-.135-.218-.596-.966-.812-1.3a72 72 0 0 0-1.81-2.639c-1.552-2.163-3.813-5.096-6.861-8.536c-6.099-6.88-15.362-15.802-28.417-24.637C356.915 214.969 315.967 198 256 198s-100.915 16.969-127.186 34.75c-13.055 8.835-22.318 17.757-28.417 24.637c-3.049 3.44-5.31 6.373-6.861 8.536a71 71 0 0 0-1.81 2.639q-.324.502-.527.829l-.285.471a16 16 0 0 0 2.678 19.664l35.31 34a16 16 0 0 0 23.007-.84l.195-.209c.207-.219.565-.591 1.074-1.096a93 93 0 0 1 4.831-4.436c4.402-3.785 11.093-8.947 19.955-14.141C195.658 292.436 221.893 282 256 282s60.342 10.436 78.036 20.804c8.862 5.194 15.553 10.356 19.955 14.141a93 93 0 0 1 4.831 4.436a49 49 0 0 1 1.269 1.305l-.005-.006l-.013-.015m0 0l.026.029a16 16 0 0 0 22.999.832l35.31-34a16 16 0 0 0 2.678-19.664" clip-rule="evenodd"/><path fill="currentColor" d="M507.974 181.264c.343.459 1.181 1.629 1.181 1.629a16 16 0 0 1-2.029 20.606l-36.69 35.5a16 16 0 0 1-23.345-1.17l-.003-.003l-.085-.099q-.138-.16-.482-.548a108 108 0 0 0-2.197-2.379c-2.009-2.116-5.095-5.229-9.229-9.01c-8.275-7.569-20.69-17.764-36.997-27.981C365.499 177.384 317.58 157 256 157s-109.499 20.384-142.098 40.809c-16.307 10.217-28.722 20.412-36.997 27.981c-4.133 3.781-7.22 6.894-9.229 9.01a109 109 0 0 0-2.197 2.379q-.345.388-.482.548l-.047.054l-.03.034l-.004.006l-.004.005l-.004.004a16 16 0 0 1-23.344 1.169l-36.69-35.5a16 16 0 0 1-2.03-20.606l.011-.016l.013-.017l.03-.043l.079-.113l.24-.337q.295-.413.809-1.103c.686-.92 1.667-2.199 2.949-3.786c2.563-3.174 6.335-7.585 11.367-12.818c10.057-10.46 25.185-24.241 45.783-37.973C105.437 99.146 168.48 72 256 72s150.563 27.146 191.875 54.687c20.598 13.732 35.726 27.513 45.783 37.973c5.032 5.233 8.804 9.644 11.367 12.818a125 125 0 0 1 2.949 3.786"/></svg>
React
import type { SVGProps } from "react";
export function IonWifi(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" fillRule="evenodd" d="M331.295 353.764c.131.181-.091-.13 0 0a46 46 0 0 0-1.039-1.365a64 64 0 0 0-3.618-4.17c-3.112-3.302-7.69-7.537-13.87-11.725C300.287 328.047 281.56 320 256 320s-44.287 8.047-56.768 16.504c-6.18 4.188-10.758 8.423-13.87 11.725a64 64 0 0 0-3.618 4.17c.264-.361-.43.544 0 0l-1.586 2.142a16 16 0 0 0 2.135 20.463l62.586 60.5c6.202 5.995 16.039 5.995 22.241 0l62.587-60.5a16 16 0 0 0 2.136-20.463z" clipRule="evenodd"/><path fill="currentColor" fillRule="evenodd" d="M421.086 269.862c-.135-.218-.596-.966-.812-1.3a72 72 0 0 0-1.81-2.639c-1.552-2.163-3.813-5.096-6.861-8.536c-6.099-6.88-15.362-15.802-28.417-24.637C356.915 214.969 315.967 198 256 198s-100.915 16.969-127.186 34.75c-13.055 8.835-22.318 17.757-28.417 24.637c-3.049 3.44-5.31 6.373-6.861 8.536a71 71 0 0 0-1.81 2.639q-.324.502-.527.829l-.285.471a16 16 0 0 0 2.678 19.664l35.31 34a16 16 0 0 0 23.007-.84l.195-.209c.207-.219.565-.591 1.074-1.096a93 93 0 0 1 4.831-4.436c4.402-3.785 11.093-8.947 19.955-14.141C195.658 292.436 221.893 282 256 282s60.342 10.436 78.036 20.804c8.862 5.194 15.553 10.356 19.955 14.141a93 93 0 0 1 4.831 4.436a49 49 0 0 1 1.269 1.305l-.005-.006l-.013-.015m0 0l.026.029a16 16 0 0 0 22.999.832l35.31-34a16 16 0 0 0 2.678-19.664" clipRule="evenodd"/><path fill="currentColor" d="M507.974 181.264c.343.459 1.181 1.629 1.181 1.629a16 16 0 0 1-2.029 20.606l-36.69 35.5a16 16 0 0 1-23.345-1.17l-.003-.003l-.085-.099q-.138-.16-.482-.548a108 108 0 0 0-2.197-2.379c-2.009-2.116-5.095-5.229-9.229-9.01c-8.275-7.569-20.69-17.764-36.997-27.981C365.499 177.384 317.58 157 256 157s-109.499 20.384-142.098 40.809c-16.307 10.217-28.722 20.412-36.997 27.981c-4.133 3.781-7.22 6.894-9.229 9.01a109 109 0 0 0-2.197 2.379q-.345.388-.482.548l-.047.054l-.03.034l-.004.006l-.004.005l-.004.004a16 16 0 0 1-23.344 1.169l-36.69-35.5a16 16 0 0 1-2.03-20.606l.011-.016l.013-.017l.03-.043l.079-.113l.24-.337q.295-.413.809-1.103c.686-.92 1.667-2.199 2.949-3.786c2.563-3.174 6.335-7.585 11.367-12.818c10.057-10.46 25.185-24.241 45.783-37.973C105.437 99.146 168.48 72 256 72s150.563 27.146 191.875 54.687c20.598 13.732 35.726 27.513 45.783 37.973c5.032 5.233 8.804 9.644 11.367 12.818a125 125 0 0 1 2.949 3.786"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" fill-rule="evenodd" d="M331.295 353.764c.131.181-.091-.13 0 0a46 46 0 0 0-1.039-1.365a64 64 0 0 0-3.618-4.17c-3.112-3.302-7.69-7.537-13.87-11.725C300.287 328.047 281.56 320 256 320s-44.287 8.047-56.768 16.504c-6.18 4.188-10.758 8.423-13.87 11.725a64 64 0 0 0-3.618 4.17c.264-.361-.43.544 0 0l-1.586 2.142a16 16 0 0 0 2.135 20.463l62.586 60.5c6.202 5.995 16.039 5.995 22.241 0l62.587-60.5a16 16 0 0 0 2.136-20.463z" clip-rule="evenodd"/><path fill="currentColor" fill-rule="evenodd" d="M421.086 269.862c-.135-.218-.596-.966-.812-1.3a72 72 0 0 0-1.81-2.639c-1.552-2.163-3.813-5.096-6.861-8.536c-6.099-6.88-15.362-15.802-28.417-24.637C356.915 214.969 315.967 198 256 198s-100.915 16.969-127.186 34.75c-13.055 8.835-22.318 17.757-28.417 24.637c-3.049 3.44-5.31 6.373-6.861 8.536a71 71 0 0 0-1.81 2.639q-.324.502-.527.829l-.285.471a16 16 0 0 0 2.678 19.664l35.31 34a16 16 0 0 0 23.007-.84l.195-.209c.207-.219.565-.591 1.074-1.096a93 93 0 0 1 4.831-4.436c4.402-3.785 11.093-8.947 19.955-14.141C195.658 292.436 221.893 282 256 282s60.342 10.436 78.036 20.804c8.862 5.194 15.553 10.356 19.955 14.141a93 93 0 0 1 4.831 4.436a49 49 0 0 1 1.269 1.305l-.005-.006l-.013-.015m0 0l.026.029a16 16 0 0 0 22.999.832l35.31-34a16 16 0 0 0 2.678-19.664" clip-rule="evenodd"/><path fill="currentColor" d="M507.974 181.264c.343.459 1.181 1.629 1.181 1.629a16 16 0 0 1-2.029 20.606l-36.69 35.5a16 16 0 0 1-23.345-1.17l-.003-.003l-.085-.099q-.138-.16-.482-.548a108 108 0 0 0-2.197-2.379c-2.009-2.116-5.095-5.229-9.229-9.01c-8.275-7.569-20.69-17.764-36.997-27.981C365.499 177.384 317.58 157 256 157s-109.499 20.384-142.098 40.809c-16.307 10.217-28.722 20.412-36.997 27.981c-4.133 3.781-7.22 6.894-9.229 9.01a109 109 0 0 0-2.197 2.379q-.345.388-.482.548l-.047.054l-.03.034l-.004.006l-.004.005l-.004.004a16 16 0 0 1-23.344 1.169l-36.69-35.5a16 16 0 0 1-2.03-20.606l.011-.016l.013-.017l.03-.043l.079-.113l.24-.337q.295-.413.809-1.103c.686-.92 1.667-2.199 2.949-3.786c2.563-3.174 6.335-7.585 11.367-12.818c10.057-10.46 25.185-24.241 45.783-37.973C105.437 99.146 168.48 72 256 72s150.563 27.146 191.875 54.687c20.598 13.732 35.726 27.513 45.783 37.973c5.032 5.233 8.804 9.644 11.367 12.818a125 125 0 0 1 2.949 3.786"/></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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M331.295%20353.764c.131.181-.091-.13%200%200a46%2046%200%200%200-1.039-1.365a64%2064%200%200%200-3.618-4.17c-3.112-3.302-7.69-7.537-13.87-11.725C300.287%20328.047%20281.56%20320%20256%20320s-44.287%208.047-56.768%2016.504c-6.18%204.188-10.758%208.423-13.87%2011.725a64%2064%200%200%200-3.618%204.17c.264-.361-.43.544%200%200l-1.586%202.142a16%2016%200%200%200%202.135%2020.463l62.586%2060.5c6.202%205.995%2016.039%205.995%2022.241%200l62.587-60.5a16%2016%200%200%200%202.136-20.463z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M421.086%20269.862c-.135-.218-.596-.966-.812-1.3a72%2072%200%200%200-1.81-2.639c-1.552-2.163-3.813-5.096-6.861-8.536c-6.099-6.88-15.362-15.802-28.417-24.637C356.915%20214.969%20315.967%20198%20256%20198s-100.915%2016.969-127.186%2034.75c-13.055%208.835-22.318%2017.757-28.417%2024.637c-3.049%203.44-5.31%206.373-6.861%208.536a71%2071%200%200%200-1.81%202.639q-.324.502-.527.829l-.285.471a16%2016%200%200%200%202.678%2019.664l35.31%2034a16%2016%200%200%200%2023.007-.84l.195-.209c.207-.219.565-.591%201.074-1.096a93%2093%200%200%201%204.831-4.436c4.402-3.785%2011.093-8.947%2019.955-14.141C195.658%20292.436%20221.893%20282%20256%20282s60.342%2010.436%2078.036%2020.804c8.862%205.194%2015.553%2010.356%2019.955%2014.141a93%2093%200%200%201%204.831%204.436a49%2049%200%200%201%201.269%201.305l-.005-.006l-.013-.015m0%200l.026.029a16%2016%200%200%200%2022.999.832l35.31-34a16%2016%200%200%200%202.678-19.664%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M507.974%20181.264c.343.459%201.181%201.629%201.181%201.629a16%2016%200%200%201-2.029%2020.606l-36.69%2035.5a16%2016%200%200%201-23.345-1.17l-.003-.003l-.085-.099q-.138-.16-.482-.548a108%20108%200%200%200-2.197-2.379c-2.009-2.116-5.095-5.229-9.229-9.01c-8.275-7.569-20.69-17.764-36.997-27.981C365.499%20177.384%20317.58%20157%20256%20157s-109.499%2020.384-142.098%2040.809c-16.307%2010.217-28.722%2020.412-36.997%2027.981c-4.133%203.781-7.22%206.894-9.229%209.01a109%20109%200%200%200-2.197%202.379q-.345.388-.482.548l-.047.054l-.03.034l-.004.006l-.004.005l-.004.004a16%2016%200%200%201-23.344%201.169l-36.69-35.5a16%2016%200%200%201-2.03-20.606l.011-.016l.013-.017l.03-.043l.079-.113l.24-.337q.295-.413.809-1.103c.686-.92%201.667-2.199%202.949-3.786c2.563-3.174%206.335-7.585%2011.367-12.818c10.057-10.46%2025.185-24.241%2045.783-37.973C105.437%2099.146%20168.48%2072%20256%2072s150.563%2027.146%20191.875%2054.687c20.598%2013.732%2035.726%2027.513%2045.783%2037.973c5.032%205.233%208.804%209.644%2011.367%2012.818a125%20125%200%200%201%202.949%203.786%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M331.295%20353.764c.131.181-.091-.13%200%200a46%2046%200%200%200-1.039-1.365a64%2064%200%200%200-3.618-4.17c-3.112-3.302-7.69-7.537-13.87-11.725C300.287%20328.047%20281.56%20320%20256%20320s-44.287%208.047-56.768%2016.504c-6.18%204.188-10.758%208.423-13.87%2011.725a64%2064%200%200%200-3.618%204.17c.264-.361-.43.544%200%200l-1.586%202.142a16%2016%200%200%200%202.135%2020.463l62.586%2060.5c6.202%205.995%2016.039%205.995%2022.241%200l62.587-60.5a16%2016%200%200%200%202.136-20.463z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M421.086%20269.862c-.135-.218-.596-.966-.812-1.3a72%2072%200%200%200-1.81-2.639c-1.552-2.163-3.813-5.096-6.861-8.536c-6.099-6.88-15.362-15.802-28.417-24.637C356.915%20214.969%20315.967%20198%20256%20198s-100.915%2016.969-127.186%2034.75c-13.055%208.835-22.318%2017.757-28.417%2024.637c-3.049%203.44-5.31%206.373-6.861%208.536a71%2071%200%200%200-1.81%202.639q-.324.502-.527.829l-.285.471a16%2016%200%200%200%202.678%2019.664l35.31%2034a16%2016%200%200%200%2023.007-.84l.195-.209c.207-.219.565-.591%201.074-1.096a93%2093%200%200%201%204.831-4.436c4.402-3.785%2011.093-8.947%2019.955-14.141C195.658%20292.436%20221.893%20282%20256%20282s60.342%2010.436%2078.036%2020.804c8.862%205.194%2015.553%2010.356%2019.955%2014.141a93%2093%200%200%201%204.831%204.436a49%2049%200%200%201%201.269%201.305l-.005-.006l-.013-.015m0%200l.026.029a16%2016%200%200%200%2022.999.832l35.31-34a16%2016%200%200%200%202.678-19.664%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M507.974%20181.264c.343.459%201.181%201.629%201.181%201.629a16%2016%200%200%201-2.029%2020.606l-36.69%2035.5a16%2016%200%200%201-23.345-1.17l-.003-.003l-.085-.099q-.138-.16-.482-.548a108%20108%200%200%200-2.197-2.379c-2.009-2.116-5.095-5.229-9.229-9.01c-8.275-7.569-20.69-17.764-36.997-27.981C365.499%20177.384%20317.58%20157%20256%20157s-109.499%2020.384-142.098%2040.809c-16.307%2010.217-28.722%2020.412-36.997%2027.981c-4.133%203.781-7.22%206.894-9.229%209.01a109%20109%200%200%200-2.197%202.379q-.345.388-.482.548l-.047.054l-.03.034l-.004.006l-.004.005l-.004.004a16%2016%200%200%201-23.344%201.169l-36.69-35.5a16%2016%200%200%201-2.03-20.606l.011-.016l.013-.017l.03-.043l.079-.113l.24-.337q.295-.413.809-1.103c.686-.92%201.667-2.199%202.949-3.786c2.563-3.174%206.335-7.585%2011.367-12.818c10.057-10.46%2025.185-24.241%2045.783-37.973C105.437%2099.146%20168.48%2072%20256%2072s150.563%2027.146%20191.875%2054.687c20.598%2013.732%2035.726%2027.513%2045.783%2037.973c5.032%205.233%208.804%209.644%2011.367%2012.818a125%20125%200%200%201%202.949%203.786%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/wifi.svg?color=%231a73e8&size=48
