wifi icon
wifi from Reicon by REICON · Outline · UI · MIT Free for personal and commercial use.
- Name
- wifi
- Set
- Reicon
- Style
- Outline
- Category
- UI
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
The same icon in other sets
All wifi icons →wifiAkar Iconswifi-outlinedAnt Design IconswifiBootstrap IconswifiBoxIcons v2wifiCarbonwifi-fillEva IconswifiFramework7 IconswifiFont Awesome 6 SolidwifiFont Awesome SolidwifiFeather Iconswifi-20Fluent UI System Color IconswifiHeroIconswifiHumbleiconswifiIconParkwifiIconPark OutlinewifiIconoirwifiIonIconswifiJam IconswifiKeyline IconswifiLine AwesomewifiSVG LogoswifiLucidewifiMage IconswifiMajesticons
More ui icons from Reicon
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="M1.536 9.025C4.185 6.32 7.886 4.75 12 4.75s7.815 1.571 10.464 4.275a.75.75 0 0 0 1.072-1.05C20.595 4.974 16.504 3.25 12 3.25S3.405 4.974.464 7.975a.75.75 0 0 0 1.072 1.05"/><path d="M5.015 12.543a10.126 10.126 0 0 1 13.97.002a.75.75 0 1 0 1.03-1.09a11.626 11.626 0 0 0-16.03-.002a.75.75 0 0 0 1.03 1.09m3.748 3.505c.864-.81 1.944-1.298 3.237-1.298s2.373.488 3.237 1.297a.75.75 0 1 0 1.026-1.094C15.146 13.907 13.707 13.25 12 13.25s-3.146.657-4.263 1.703a.75.75 0 0 0 1.026 1.095M12 18a1 1 0 1 0 0 2a1 1 0 0 0 0-2"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconWifi(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="M1.536 9.025C4.185 6.32 7.886 4.75 12 4.75s7.815 1.571 10.464 4.275a.75.75 0 0 0 1.072-1.05C20.595 4.974 16.504 3.25 12 3.25S3.405 4.974.464 7.975a.75.75 0 0 0 1.072 1.05"/><path d="M5.015 12.543a10.126 10.126 0 0 1 13.97.002a.75.75 0 1 0 1.03-1.09a11.626 11.626 0 0 0-16.03-.002a.75.75 0 0 0 1.03 1.09m3.748 3.505c.864-.81 1.944-1.298 3.237-1.298s2.373.488 3.237 1.297a.75.75 0 1 0 1.026-1.094C15.146 13.907 13.707 13.25 12 13.25s-3.146.657-4.263 1.703a.75.75 0 0 0 1.026 1.095M12 18a1 1 0 1 0 0 2a1 1 0 0 0 0-2"/></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="M1.536 9.025C4.185 6.32 7.886 4.75 12 4.75s7.815 1.571 10.464 4.275a.75.75 0 0 0 1.072-1.05C20.595 4.974 16.504 3.25 12 3.25S3.405 4.974.464 7.975a.75.75 0 0 0 1.072 1.05"/><path d="M5.015 12.543a10.126 10.126 0 0 1 13.97.002a.75.75 0 1 0 1.03-1.09a11.626 11.626 0 0 0-16.03-.002a.75.75 0 0 0 1.03 1.09m3.748 3.505c.864-.81 1.944-1.298 3.237-1.298s2.373.488 3.237 1.297a.75.75 0 1 0 1.026-1.094C15.146 13.907 13.707 13.25 12 13.25s-3.146.657-4.263 1.703a.75.75 0 0 0 1.026 1.095M12 18a1 1 0 1 0 0 2a1 1 0 0 0 0-2"/></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%22currentColor%22%3E%3Cpath%20d%3D%22M1.536%209.025C4.185%206.32%207.886%204.75%2012%204.75s7.815%201.571%2010.464%204.275a.75.75%200%200%200%201.072-1.05C20.595%204.974%2016.504%203.25%2012%203.25S3.405%204.974.464%207.975a.75.75%200%200%200%201.072%201.05%22%2F%3E%3Cpath%20d%3D%22M5.015%2012.543a10.126%2010.126%200%200%201%2013.97.002a.75.75%200%201%200%201.03-1.09a11.626%2011.626%200%200%200-16.03-.002a.75.75%200%200%200%201.03%201.09m3.748%203.505c.864-.81%201.944-1.298%203.237-1.298s2.373.488%203.237%201.297a.75.75%200%201%200%201.026-1.094C15.146%2013.907%2013.707%2013.25%2012%2013.25s-3.146.657-4.263%201.703a.75.75%200%200%200%201.026%201.095M12%2018a1%201%200%201%200%200%202a1%201%200%200%200%200-2%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%22M1.536%209.025C4.185%206.32%207.886%204.75%2012%204.75s7.815%201.571%2010.464%204.275a.75.75%200%200%200%201.072-1.05C20.595%204.974%2016.504%203.25%2012%203.25S3.405%204.974.464%207.975a.75.75%200%200%200%201.072%201.05%22%2F%3E%3Cpath%20d%3D%22M5.015%2012.543a10.126%2010.126%200%200%201%2013.97.002a.75.75%200%201%200%201.03-1.09a11.626%2011.626%200%200%200-16.03-.002a.75.75%200%200%200%201.03%201.09m3.748%203.505c.864-.81%201.944-1.298%203.237-1.298s2.373.488%203.237%201.297a.75.75%200%201%200%201.026-1.094C15.146%2013.907%2013.707%2013.25%2012%2013.25s-3.146.657-4.263%201.703a.75.75%200%200%200%201.026%201.095M12%2018a1%201%200%201%200%200%202a1%201%200%200%200%200-2%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/wifi.svg?color=%231a73e8&size=48
