wifi 1 icon

wifi-1-48-filled from Fluent UI System Icons by Microsoft Corporation · 48 Filled · MIT Free for personal and commercial use.

Name
wifi-1-48-filled
Set
Fluent UI System Icons
Style
48 Filled
Viewbox
48×48
License
MIT

5 other variants in Fluent UI System Icons

wifi-1-20-filledwifi-1-20-regularwifi-1-24-filledwifi-1-24-regularwifi-1-48-regular

The same icon in other sets

wifi-1Bootstrap Iconswifi-1BoxIcons v2wifi-1Tabler Iconswifi-1TDesign Icons

Related icons in Fluent UI System Icons

wifi-2-20-filledwifi-3-20-filledwifi-4-20-filledwifi-lock-20-filledwifi-off-20-filledwifi-protected-24-filledwifi-settings-20-filledwifi-warning-20-filled

Use the wifi 1 icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M24 33a3 3 0 1 1 0 6a3 3 0 0 1 0-6m.002-7c4.091 0 7.62 2.397 9.263 5.856a1.5 1.5 0 0 1-2.71 1.288a7.252 7.252 0 0 0-13.106 0a1.5 1.5 0 1 1-2.71-1.288A10.25 10.25 0 0 1 24.002 26M24 18c5.982 0 11.253 3.047 14.345 7.666q.228.34.44.692a1.501 1.501 0 0 1-2.57 1.55a14 14 0 0 0-.363-.574C33.292 23.511 28.939 21 24 21c-4.94 0-9.293 2.511-11.851 6.334q-.189.283-.364.573a1.5 1.5 0 0 1-2.57-1.549q.212-.351.44-.692C12.747 21.046 18.018 18 24 18m0-8c8.358 0 15.728 4.23 20.086 10.658a1.5 1.5 0 1 1-2.483 1.684C37.779 16.702 31.32 13 24 13s-13.779 3.701-17.603 9.342a1.5 1.5 0 0 1-2.482-1.684C8.273 14.23 15.642 10 24 10"/></svg>

React

import type { SVGProps } from "react";

export function FluentWifi148Filled(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M24 33a3 3 0 1 1 0 6a3 3 0 0 1 0-6m.002-7c4.091 0 7.62 2.397 9.263 5.856a1.5 1.5 0 0 1-2.71 1.288a7.252 7.252 0 0 0-13.106 0a1.5 1.5 0 1 1-2.71-1.288A10.25 10.25 0 0 1 24.002 26M24 18c5.982 0 11.253 3.047 14.345 7.666q.228.34.44.692a1.501 1.501 0 0 1-2.57 1.55a14 14 0 0 0-.363-.574C33.292 23.511 28.939 21 24 21c-4.94 0-9.293 2.511-11.851 6.334q-.189.283-.364.573a1.5 1.5 0 0 1-2.57-1.549q.212-.351.44-.692C12.747 21.046 18.018 18 24 18m0-8c8.358 0 15.728 4.23 20.086 10.658a1.5 1.5 0 1 1-2.483 1.684C37.779 16.702 31.32 13 24 13s-13.779 3.701-17.603 9.342a1.5 1.5 0 0 1-2.482-1.684C8.273 14.23 15.642 10 24 10"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M24 33a3 3 0 1 1 0 6a3 3 0 0 1 0-6m.002-7c4.091 0 7.62 2.397 9.263 5.856a1.5 1.5 0 0 1-2.71 1.288a7.252 7.252 0 0 0-13.106 0a1.5 1.5 0 1 1-2.71-1.288A10.25 10.25 0 0 1 24.002 26M24 18c5.982 0 11.253 3.047 14.345 7.666q.228.34.44.692a1.501 1.501 0 0 1-2.57 1.55a14 14 0 0 0-.363-.574C33.292 23.511 28.939 21 24 21c-4.94 0-9.293 2.511-11.851 6.334q-.189.283-.364.573a1.5 1.5 0 0 1-2.57-1.549q.212-.351.44-.692C12.747 21.046 18.018 18 24 18m0-8c8.358 0 15.728 4.23 20.086 10.658a1.5 1.5 0 1 1-2.483 1.684C37.779 16.702 31.32 13 24 13s-13.779 3.701-17.603 9.342a1.5 1.5 0 0 1-2.482-1.684C8.273 14.23 15.642 10 24 10"/></svg>
</template>

CSS

.icon-wifi-1-48-filled {
  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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M24%2033a3%203%200%201%201%200%206a3%203%200%200%201%200-6m.002-7c4.091%200%207.62%202.397%209.263%205.856a1.5%201.5%200%200%201-2.71%201.288a7.252%207.252%200%200%200-13.106%200a1.5%201.5%200%201%201-2.71-1.288A10.25%2010.25%200%200%201%2024.002%2026M24%2018c5.982%200%2011.253%203.047%2014.345%207.666q.228.34.44.692a1.501%201.501%200%200%201-2.57%201.55a14%2014%200%200%200-.363-.574C33.292%2023.511%2028.939%2021%2024%2021c-4.94%200-9.293%202.511-11.851%206.334q-.189.283-.364.573a1.5%201.5%200%200%201-2.57-1.549q.212-.351.44-.692C12.747%2021.046%2018.018%2018%2024%2018m0-8c8.358%200%2015.728%204.23%2020.086%2010.658a1.5%201.5%200%201%201-2.483%201.684C37.779%2016.702%2031.32%2013%2024%2013s-13.779%203.701-17.603%209.342a1.5%201.5%200%200%201-2.482-1.684C8.273%2014.23%2015.642%2010%2024%2010%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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M24%2033a3%203%200%201%201%200%206a3%203%200%200%201%200-6m.002-7c4.091%200%207.62%202.397%209.263%205.856a1.5%201.5%200%200%201-2.71%201.288a7.252%207.252%200%200%200-13.106%200a1.5%201.5%200%201%201-2.71-1.288A10.25%2010.25%200%200%201%2024.002%2026M24%2018c5.982%200%2011.253%203.047%2014.345%207.666q.228.34.44.692a1.501%201.501%200%200%201-2.57%201.55a14%2014%200%200%200-.363-.574C33.292%2023.511%2028.939%2021%2024%2021c-4.94%200-9.293%202.511-11.851%206.334q-.189.283-.364.573a1.5%201.5%200%200%201-2.57-1.549q.212-.351.44-.692C12.747%2021.046%2018.018%2018%2024%2018m0-8c8.358%200%2015.728%204.23%2020.086%2010.658a1.5%201.5%200%201%201-2.483%201.684C37.779%2016.702%2031.32%2013%2024%2013s-13.779%203.701-17.603%209.342a1.5%201.5%200%200%201-2.482-1.684C8.273%2014.23%2015.642%2010%2024%2010%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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