wifi off icon
wifi-off from Reicon by REICON · Outline · UI · MIT Free for personal and commercial use.
- Name
- wifi-off
- Set
- Reicon
- Style
- Outline
- Category
- UI
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
The same icon in other sets
All wifi off icons →wifi-offBootstrap Iconswifi-offBoxIcons v2wifi-offCarbonwifi-off-fillEva Iconswifi-offFeather Iconswifi-off-20-filledFluent UI System Iconswifi-offHumbleiconswifi-offIconoirwifi-offLucidewifi-offMaterial Symbolswifi-offMaterial Symbols Lightwifi-offMaterial Design Iconswifi-off-fillMingCute Iconwifi-offMyna UI Iconswifi-off-fillRemix Iconwifi-offTabler Iconswifi-offTDesign Icons
More ui icons from Reicon
Use the wifi off icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g fill="currentColor" clip-path="url(#SVGBgS7qSkY210)"><path d="M1.53.47A.75.75 0 0 0 .47 1.53l3.672 3.673A15.5 15.5 0 0 0 .464 7.975a.75.75 0 0 0 1.072 1.05a14 14 0 0 1 3.718-2.71l2.672 2.671a11.7 11.7 0 0 0-3.941 2.467a.75.75 0 0 0 1.03 1.09A10.2 10.2 0 0 1 9.11 10.17l3.083 3.083L12 13.25c-1.707 0-3.146.657-4.263 1.703a.75.75 0 0 0 1.026 1.095c.864-.81 1.944-1.298 3.237-1.298c.858 0 1.616.214 2.277.588l8.193 8.192a.75.75 0 1 0 1.06-1.06l-8.25-8.25l-.023-.024L9.87 8.811l-.018-.02l-3.902-3.9l-.025-.025zM12 4.75a15.5 15.5 0 0 0-3.435.38a.75.75 0 1 1-.332-1.463A17 17 0 0 1 12 3.25c4.504 0 8.595 1.724 11.536 4.725a.75.75 0 1 1-1.072 1.05C19.815 6.32 16.114 4.75 12 4.75m.304 4.228a.75.75 0 0 1 .818-.674a11.64 11.64 0 0 1 6.893 3.151a.75.75 0 1 1-1.03 1.09a10.14 10.14 0 0 0-6.006-2.748a.75.75 0 0 1-.675-.819"/><path d="M11 19a1 1 0 1 1 2 0a1 1 0 0 1-2 0"/></g><defs><clipPath id="SVGBgS7qSkY210"><path fill="currentColor" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function ReiconWifiOff(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"><g fill="currentColor" clipPath="url(#SVGBgS7qSkY210)"><path d="M1.53.47A.75.75 0 0 0 .47 1.53l3.672 3.673A15.5 15.5 0 0 0 .464 7.975a.75.75 0 0 0 1.072 1.05a14 14 0 0 1 3.718-2.71l2.672 2.671a11.7 11.7 0 0 0-3.941 2.467a.75.75 0 0 0 1.03 1.09A10.2 10.2 0 0 1 9.11 10.17l3.083 3.083L12 13.25c-1.707 0-3.146.657-4.263 1.703a.75.75 0 0 0 1.026 1.095c.864-.81 1.944-1.298 3.237-1.298c.858 0 1.616.214 2.277.588l8.193 8.192a.75.75 0 1 0 1.06-1.06l-8.25-8.25l-.023-.024L9.87 8.811l-.018-.02l-3.902-3.9l-.025-.025zM12 4.75a15.5 15.5 0 0 0-3.435.38a.75.75 0 1 1-.332-1.463A17 17 0 0 1 12 3.25c4.504 0 8.595 1.724 11.536 4.725a.75.75 0 1 1-1.072 1.05C19.815 6.32 16.114 4.75 12 4.75m.304 4.228a.75.75 0 0 1 .818-.674a11.64 11.64 0 0 1 6.893 3.151a.75.75 0 1 1-1.03 1.09a10.14 10.14 0 0 0-6.006-2.748a.75.75 0 0 1-.675-.819"/><path d="M11 19a1 1 0 1 1 2 0a1 1 0 0 1-2 0"/></g><defs><clipPath id="SVGBgS7qSkY210"><path fill="currentColor" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g fill="currentColor" clip-path="url(#SVGBgS7qSkY210)"><path d="M1.53.47A.75.75 0 0 0 .47 1.53l3.672 3.673A15.5 15.5 0 0 0 .464 7.975a.75.75 0 0 0 1.072 1.05a14 14 0 0 1 3.718-2.71l2.672 2.671a11.7 11.7 0 0 0-3.941 2.467a.75.75 0 0 0 1.03 1.09A10.2 10.2 0 0 1 9.11 10.17l3.083 3.083L12 13.25c-1.707 0-3.146.657-4.263 1.703a.75.75 0 0 0 1.026 1.095c.864-.81 1.944-1.298 3.237-1.298c.858 0 1.616.214 2.277.588l8.193 8.192a.75.75 0 1 0 1.06-1.06l-8.25-8.25l-.023-.024L9.87 8.811l-.018-.02l-3.902-3.9l-.025-.025zM12 4.75a15.5 15.5 0 0 0-3.435.38a.75.75 0 1 1-.332-1.463A17 17 0 0 1 12 3.25c4.504 0 8.595 1.724 11.536 4.725a.75.75 0 1 1-1.072 1.05C19.815 6.32 16.114 4.75 12 4.75m.304 4.228a.75.75 0 0 1 .818-.674a11.64 11.64 0 0 1 6.893 3.151a.75.75 0 1 1-1.03 1.09a10.14 10.14 0 0 0-6.006-2.748a.75.75 0 0 1-.675-.819"/><path d="M11 19a1 1 0 1 1 2 0a1 1 0 0 1-2 0"/></g><defs><clipPath id="SVGBgS7qSkY210"><path fill="currentColor" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-wifi-off {
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%3Cg%20fill%3D%22currentColor%22%20clip-path%3D%22url(%23SVGBgS7qSkY210)%22%3E%3Cpath%20d%3D%22M1.53.47A.75.75%200%200%200%20.47%201.53l3.672%203.673A15.5%2015.5%200%200%200%20.464%207.975a.75.75%200%200%200%201.072%201.05a14%2014%200%200%201%203.718-2.71l2.672%202.671a11.7%2011.7%200%200%200-3.941%202.467a.75.75%200%200%200%201.03%201.09A10.2%2010.2%200%200%201%209.11%2010.17l3.083%203.083L12%2013.25c-1.707%200-3.146.657-4.263%201.703a.75.75%200%200%200%201.026%201.095c.864-.81%201.944-1.298%203.237-1.298c.858%200%201.616.214%202.277.588l8.193%208.192a.75.75%200%201%200%201.06-1.06l-8.25-8.25l-.023-.024L9.87%208.811l-.018-.02l-3.902-3.9l-.025-.025zM12%204.75a15.5%2015.5%200%200%200-3.435.38a.75.75%200%201%201-.332-1.463A17%2017%200%200%201%2012%203.25c4.504%200%208.595%201.724%2011.536%204.725a.75.75%200%201%201-1.072%201.05C19.815%206.32%2016.114%204.75%2012%204.75m.304%204.228a.75.75%200%200%201%20.818-.674a11.64%2011.64%200%200%201%206.893%203.151a.75.75%200%201%201-1.03%201.09a10.14%2010.14%200%200%200-6.006-2.748a.75.75%200%200%201-.675-.819%22%2F%3E%3Cpath%20d%3D%22M11%2019a1%201%200%201%201%202%200a1%201%200%200%201-2%200%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGBgS7qSkY210%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%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%3Cg%20fill%3D%22currentColor%22%20clip-path%3D%22url(%23SVGBgS7qSkY210)%22%3E%3Cpath%20d%3D%22M1.53.47A.75.75%200%200%200%20.47%201.53l3.672%203.673A15.5%2015.5%200%200%200%20.464%207.975a.75.75%200%200%200%201.072%201.05a14%2014%200%200%201%203.718-2.71l2.672%202.671a11.7%2011.7%200%200%200-3.941%202.467a.75.75%200%200%200%201.03%201.09A10.2%2010.2%200%200%201%209.11%2010.17l3.083%203.083L12%2013.25c-1.707%200-3.146.657-4.263%201.703a.75.75%200%200%200%201.026%201.095c.864-.81%201.944-1.298%203.237-1.298c.858%200%201.616.214%202.277.588l8.193%208.192a.75.75%200%201%200%201.06-1.06l-8.25-8.25l-.023-.024L9.87%208.811l-.018-.02l-3.902-3.9l-.025-.025zM12%204.75a15.5%2015.5%200%200%200-3.435.38a.75.75%200%201%201-.332-1.463A17%2017%200%200%201%2012%203.25c4.504%200%208.595%201.724%2011.536%204.725a.75.75%200%201%201-1.072%201.05C19.815%206.32%2016.114%204.75%2012%204.75m.304%204.228a.75.75%200%200%201%20.818-.674a11.64%2011.64%200%200%201%206.893%203.151a.75.75%200%201%201-1.03%201.09a10.14%2010.14%200%200%200-6.006-2.748a.75.75%200%200%201-.675-.819%22%2F%3E%3Cpath%20d%3D%22M11%2019a1%201%200%201%201%202%200a1%201%200%200%201-2%200%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGBgS7qSkY210%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/wifi-off.svg?color=%231a73e8&size=48
