md wifi icon

md-wifi from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.

Name
md-wifi
Set
IonIcons
Style
Regular
Viewbox
512×512
License
MIT
Aliases
android-wifi

Related icons in IonIcons

Use the md wifi icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M256 228.719c-22.879 0-41.597 18.529-41.597 41.18 0 22.652 18.718 41.182 41.597 41.182 22.878 0 41.597-18.529 41.597-41.182 0-22.651-18.719-41.18-41.597-41.18zm124.8 41.179c0-67.946-56.163-123.539-124.8-123.539s-124.8 55.593-124.8 123.539c0 45.303 24.961 85.447 62.396 107.072l20.807-36.032c-24.972-14.417-41.604-40.153-41.604-71.04 0-45.295 37.433-82.358 83.201-82.358 45.771 0 83.201 37.063 83.201 82.358 0 30.887-16.633 56.623-41.604 71.04l20.807 36.032c37.433-21.624 62.396-61.769 62.396-107.072zM256 64C141.597 64 48 156.654 48 269.898 48 346.085 89.592 411.968 152 448l20.799-36.032c-49.919-28.824-83.207-81.324-83.207-142.069 0-90.593 74.891-164.718 166.408-164.718 91.517 0 166.406 74.125 166.406 164.718 0 60.745-33.284 114.271-83.205 142.069L360 448c62.406-36.032 104-101.915 104-178.102C464 156.654 370.403 64 256 64z" fill="currentColor"/></svg>

React

import type { SVGProps } from "react";

export function IonMdWifi(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M256 228.719c-22.879 0-41.597 18.529-41.597 41.18 0 22.652 18.718 41.182 41.597 41.182 22.878 0 41.597-18.529 41.597-41.182 0-22.651-18.719-41.18-41.597-41.18zm124.8 41.179c0-67.946-56.163-123.539-124.8-123.539s-124.8 55.593-124.8 123.539c0 45.303 24.961 85.447 62.396 107.072l20.807-36.032c-24.972-14.417-41.604-40.153-41.604-71.04 0-45.295 37.433-82.358 83.201-82.358 45.771 0 83.201 37.063 83.201 82.358 0 30.887-16.633 56.623-41.604 71.04l20.807 36.032c37.433-21.624 62.396-61.769 62.396-107.072zM256 64C141.597 64 48 156.654 48 269.898 48 346.085 89.592 411.968 152 448l20.799-36.032c-49.919-28.824-83.207-81.324-83.207-142.069 0-90.593 74.891-164.718 166.408-164.718 91.517 0 166.406 74.125 166.406 164.718 0 60.745-33.284 114.271-83.205 142.069L360 448c62.406-36.032 104-101.915 104-178.102C464 156.654 370.403 64 256 64z" fill="currentColor"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M256 228.719c-22.879 0-41.597 18.529-41.597 41.18 0 22.652 18.718 41.182 41.597 41.182 22.878 0 41.597-18.529 41.597-41.182 0-22.651-18.719-41.18-41.597-41.18zm124.8 41.179c0-67.946-56.163-123.539-124.8-123.539s-124.8 55.593-124.8 123.539c0 45.303 24.961 85.447 62.396 107.072l20.807-36.032c-24.972-14.417-41.604-40.153-41.604-71.04 0-45.295 37.433-82.358 83.201-82.358 45.771 0 83.201 37.063 83.201 82.358 0 30.887-16.633 56.623-41.604 71.04l20.807 36.032c37.433-21.624 62.396-61.769 62.396-107.072zM256 64C141.597 64 48 156.654 48 269.898 48 346.085 89.592 411.968 152 448l20.799-36.032c-49.919-28.824-83.207-81.324-83.207-142.069 0-90.593 74.891-164.718 166.408-164.718 91.517 0 166.406 74.125 166.406 164.718 0 60.745-33.284 114.271-83.205 142.069L360 448c62.406-36.032 104-101.915 104-178.102C464 156.654 370.403 64 256 64z" fill="currentColor"/></svg>
</template>

CSS

.icon-md-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%20d%3D%22M256%20228.719c-22.879%200-41.597%2018.529-41.597%2041.18%200%2022.652%2018.718%2041.182%2041.597%2041.182%2022.878%200%2041.597-18.529%2041.597-41.182%200-22.651-18.719-41.18-41.597-41.18zm124.8%2041.179c0-67.946-56.163-123.539-124.8-123.539s-124.8%2055.593-124.8%20123.539c0%2045.303%2024.961%2085.447%2062.396%20107.072l20.807-36.032c-24.972-14.417-41.604-40.153-41.604-71.04%200-45.295%2037.433-82.358%2083.201-82.358%2045.771%200%2083.201%2037.063%2083.201%2082.358%200%2030.887-16.633%2056.623-41.604%2071.04l20.807%2036.032c37.433-21.624%2062.396-61.769%2062.396-107.072zM256%2064C141.597%2064%2048%20156.654%2048%20269.898%2048%20346.085%2089.592%20411.968%20152%20448l20.799-36.032c-49.919-28.824-83.207-81.324-83.207-142.069%200-90.593%2074.891-164.718%20166.408-164.718%2091.517%200%20166.406%2074.125%20166.406%20164.718%200%2060.745-33.284%20114.271-83.205%20142.069L360%20448c62.406-36.032%20104-101.915%20104-178.102C464%20156.654%20370.403%2064%20256%2064z%22%20fill%3D%22currentColor%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%20d%3D%22M256%20228.719c-22.879%200-41.597%2018.529-41.597%2041.18%200%2022.652%2018.718%2041.182%2041.597%2041.182%2022.878%200%2041.597-18.529%2041.597-41.182%200-22.651-18.719-41.18-41.597-41.18zm124.8%2041.179c0-67.946-56.163-123.539-124.8-123.539s-124.8%2055.593-124.8%20123.539c0%2045.303%2024.961%2085.447%2062.396%20107.072l20.807-36.032c-24.972-14.417-41.604-40.153-41.604-71.04%200-45.295%2037.433-82.358%2083.201-82.358%2045.771%200%2083.201%2037.063%2083.201%2082.358%200%2030.887-16.633%2056.623-41.604%2071.04l20.807%2036.032c37.433-21.624%2062.396-61.769%2062.396-107.072zM256%2064C141.597%2064%2048%20156.654%2048%20269.898%2048%20346.085%2089.592%20411.968%20152%20448l20.799-36.032c-49.919-28.824-83.207-81.324-83.207-142.069%200-90.593%2074.891-164.718%20166.408-164.718%2091.517%200%20166.406%2074.125%20166.406%20164.718%200%2060.745-33.284%20114.271-83.205%20142.069L360%20448c62.406-36.032%20104-101.915%20104-178.102C464%20156.654%20370.403%2064%20256%2064z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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