wifi icon
wifi from Bootstrap Icons by The Bootstrap Authors · Outline · MIT Free for personal and commercial use.
- Name
- wifi
- Set
- Bootstrap Icons
- Style
- Outline
- Viewbox
- 16×16
- License
- MIT
The same icon in other sets
wifiAkar Iconswifi-outlinedAnt Design IconswifiBoxIcons v2wifiCarbonwifi-fillEva IconswifiFramework7 IconswifiFont Awesome 6 SolidwifiFont Awesome SolidwifiFeather Iconswifi-20Fluent UI System Color IconswifiHeroIconswifiHumbleiconswifiIconParkwifiIconPark OutlinewifiIconoirwifiIonIconswifiJam IconswifiLine AwesomewifiSVG LogoswifiLucidewifiMage IconswifiMajesticonswifiMaterial SymbolswifiMaterial Symbols Light
Related icons in Bootstrap Icons
Use the wifi icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path d="M15.384 6.115a.485.485 0 0 0-.047-.736A12.44 12.44 0 0 0 8 3C5.259 3 2.723 3.882.663 5.379a.485.485 0 0 0-.048.736a.52.52 0 0 0 .668.05A11.45 11.45 0 0 1 8 4c2.507 0 4.827.802 6.716 2.164c.205.148.49.13.668-.049"/><path d="M13.229 8.271a.482.482 0 0 0-.063-.745A9.46 9.46 0 0 0 8 6c-1.905 0-3.68.56-5.166 1.526a.48.48 0 0 0-.063.745a.525.525 0 0 0 .652.065A8.46 8.46 0 0 1 8 7a8.46 8.46 0 0 1 4.576 1.336c.206.132.48.108.653-.065m-2.183 2.183c.226-.226.185-.605-.1-.75A6.5 6.5 0 0 0 8 9c-1.06 0-2.062.254-2.946.704c-.285.145-.326.524-.1.75l.015.015c.16.16.407.19.611.09A5.5 5.5 0 0 1 8 10c.868 0 1.69.201 2.42.56c.203.1.45.07.61-.091zM9.06 12.44c.196-.196.198-.52-.04-.66A2 2 0 0 0 8 11.5a2 2 0 0 0-1.02.28c-.238.14-.236.464-.04.66l.706.706a.5.5 0 0 0 .707 0l.707-.707z"/></g></svg>
React
import type { SVGProps } from "react";
export function BiWifi(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path d="M15.384 6.115a.485.485 0 0 0-.047-.736A12.44 12.44 0 0 0 8 3C5.259 3 2.723 3.882.663 5.379a.485.485 0 0 0-.048.736a.52.52 0 0 0 .668.05A11.45 11.45 0 0 1 8 4c2.507 0 4.827.802 6.716 2.164c.205.148.49.13.668-.049"/><path d="M13.229 8.271a.482.482 0 0 0-.063-.745A9.46 9.46 0 0 0 8 6c-1.905 0-3.68.56-5.166 1.526a.48.48 0 0 0-.063.745a.525.525 0 0 0 .652.065A8.46 8.46 0 0 1 8 7a8.46 8.46 0 0 1 4.576 1.336c.206.132.48.108.653-.065m-2.183 2.183c.226-.226.185-.605-.1-.75A6.5 6.5 0 0 0 8 9c-1.06 0-2.062.254-2.946.704c-.285.145-.326.524-.1.75l.015.015c.16.16.407.19.611.09A5.5 5.5 0 0 1 8 10c.868 0 1.69.201 2.42.56c.203.1.45.07.61-.091zM9.06 12.44c.196-.196.198-.52-.04-.66A2 2 0 0 0 8 11.5a2 2 0 0 0-1.02.28c-.238.14-.236.464-.04.66l.706.706a.5.5 0 0 0 .707 0l.707-.707z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path d="M15.384 6.115a.485.485 0 0 0-.047-.736A12.44 12.44 0 0 0 8 3C5.259 3 2.723 3.882.663 5.379a.485.485 0 0 0-.048.736a.52.52 0 0 0 .668.05A11.45 11.45 0 0 1 8 4c2.507 0 4.827.802 6.716 2.164c.205.148.49.13.668-.049"/><path d="M13.229 8.271a.482.482 0 0 0-.063-.745A9.46 9.46 0 0 0 8 6c-1.905 0-3.68.56-5.166 1.526a.48.48 0 0 0-.063.745a.525.525 0 0 0 .652.065A8.46 8.46 0 0 1 8 7a8.46 8.46 0 0 1 4.576 1.336c.206.132.48.108.653-.065m-2.183 2.183c.226-.226.185-.605-.1-.75A6.5 6.5 0 0 0 8 9c-1.06 0-2.062.254-2.946.704c-.285.145-.326.524-.1.75l.015.015c.16.16.407.19.611.09A5.5 5.5 0 0 1 8 10c.868 0 1.69.201 2.42.56c.203.1.45.07.61-.091zM9.06 12.44c.196-.196.198-.52-.04-.66A2 2 0 0 0 8 11.5a2 2 0 0 0-1.02.28c-.238.14-.236.464-.04.66l.706.706a.5.5 0 0 0 .707 0l.707-.707z"/></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%2016%2016%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M15.384%206.115a.485.485%200%200%200-.047-.736A12.44%2012.44%200%200%200%208%203C5.259%203%202.723%203.882.663%205.379a.485.485%200%200%200-.048.736a.52.52%200%200%200%20.668.05A11.45%2011.45%200%200%201%208%204c2.507%200%204.827.802%206.716%202.164c.205.148.49.13.668-.049%22%2F%3E%3Cpath%20d%3D%22M13.229%208.271a.482.482%200%200%200-.063-.745A9.46%209.46%200%200%200%208%206c-1.905%200-3.68.56-5.166%201.526a.48.48%200%200%200-.063.745a.525.525%200%200%200%20.652.065A8.46%208.46%200%200%201%208%207a8.46%208.46%200%200%201%204.576%201.336c.206.132.48.108.653-.065m-2.183%202.183c.226-.226.185-.605-.1-.75A6.5%206.5%200%200%200%208%209c-1.06%200-2.062.254-2.946.704c-.285.145-.326.524-.1.75l.015.015c.16.16.407.19.611.09A5.5%205.5%200%200%201%208%2010c.868%200%201.69.201%202.42.56c.203.1.45.07.61-.091zM9.06%2012.44c.196-.196.198-.52-.04-.66A2%202%200%200%200%208%2011.5a2%202%200%200%200-1.02.28c-.238.14-.236.464-.04.66l.706.706a.5.5%200%200%200%20.707%200l.707-.707z%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%2016%2016%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M15.384%206.115a.485.485%200%200%200-.047-.736A12.44%2012.44%200%200%200%208%203C5.259%203%202.723%203.882.663%205.379a.485.485%200%200%200-.048.736a.52.52%200%200%200%20.668.05A11.45%2011.45%200%200%201%208%204c2.507%200%204.827.802%206.716%202.164c.205.148.49.13.668-.049%22%2F%3E%3Cpath%20d%3D%22M13.229%208.271a.482.482%200%200%200-.063-.745A9.46%209.46%200%200%200%208%206c-1.905%200-3.68.56-5.166%201.526a.48.48%200%200%200-.063.745a.525.525%200%200%200%20.652.065A8.46%208.46%200%200%201%208%207a8.46%208.46%200%200%201%204.576%201.336c.206.132.48.108.653-.065m-2.183%202.183c.226-.226.185-.605-.1-.75A6.5%206.5%200%200%200%208%209c-1.06%200-2.062.254-2.946.704c-.285.145-.326.524-.1.75l.015.015c.16.16.407.19.611.09A5.5%205.5%200%200%201%208%2010c.868%200%201.69.201%202.42.56c.203.1.45.07.61-.091zM9.06%2012.44c.196-.196.198-.52-.04-.66A2%202%200%200%200%208%2011.5a2%202%200%200%200-1.02.28c-.238.14-.236.464-.04.66l.706.706a.5.5%200%200%200%20.707%200l.707-.707z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bi/wifi.svg?color=%231a73e8&size=48
