wi fi icon
wi-fi-outline from Solar by 480 Design · Outline · IT · CC-BY-4.0 Attribution required.
- Name
- wi-fi-outline
- Set
- Solar
- Style
- Outline
- Category
- IT
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
More it icons from Solar
braces-boldbrackets-boldbug-boldbug-minimalistic-boldcode-2-boldcode-boldcode-circle-boldcode-square-boldcommand-boldgit-branch-boldgit-commit-boldgit-diff-boldgit-fork-boldgit-graph-boldgit-pull-request-boldhashtag-boldhashtag-chat-boldhashtag-circle-boldhashtag-square-boldpanel-top-boldpanel-top-close-boldpanel-top-open-boldpanels-top-left-boldparentheses-bold
Use the wi fi icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M8.1174 15.3832C10.2552 13.0761 13.7463 13.076 15.884 15.3832C16.1654 15.687 16.1474 16.1613 15.844 16.4428C15.5401 16.7243 15.0649 16.7066 14.7834 16.4028C13.2393 14.7362 10.7611 14.7362 9.21701 16.4028C8.93548 16.7065 8.46123 16.7243 8.15744 16.4428C7.85381 16.1613 7.83596 15.687 8.1174 15.3832Z"/><path d="M4.7834 11.7852C8.76214 7.49097 15.2384 7.49079 19.217 11.7852C19.4984 12.089 19.4797 12.5632 19.176 12.8447C18.8721 13.1263 18.3979 13.1086 18.1164 12.8047C14.7313 9.151 9.26809 9.15099 5.88301 12.8047C5.60148 13.1084 5.12724 13.1262 4.82344 12.8447C4.51984 12.5632 4.50197 12.0889 4.7834 11.7852Z"/><path d="M1.45002 8.18692C7.26962 1.90579 16.73 1.90579 22.5496 8.18692C22.8311 8.49078 22.8134 8.96596 22.5096 9.24747C22.2058 9.52875 21.7315 9.51012 21.45 9.20646C16.224 3.56568 7.77566 3.56568 2.54963 9.20646C2.26817 9.51012 1.79388 9.52875 1.49006 9.24747C1.18621 8.96596 1.16851 8.49078 1.45002 8.18692Z"/><path d="M12.0176 18.7144C12.4318 18.7144 12.7676 19.0501 12.7676 19.4644C12.7676 19.8786 12.4318 20.2144 12.0176 20.2144C11.6034 20.2144 11.2676 19.8786 11.2676 19.4644C11.2676 19.0501 11.6034 18.7144 12.0176 18.7144Z"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarWiFiOutline(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="M8.1174 15.3832C10.2552 13.0761 13.7463 13.076 15.884 15.3832C16.1654 15.687 16.1474 16.1613 15.844 16.4428C15.5401 16.7243 15.0649 16.7066 14.7834 16.4028C13.2393 14.7362 10.7611 14.7362 9.21701 16.4028C8.93548 16.7065 8.46123 16.7243 8.15744 16.4428C7.85381 16.1613 7.83596 15.687 8.1174 15.3832Z"/><path d="M4.7834 11.7852C8.76214 7.49097 15.2384 7.49079 19.217 11.7852C19.4984 12.089 19.4797 12.5632 19.176 12.8447C18.8721 13.1263 18.3979 13.1086 18.1164 12.8047C14.7313 9.151 9.26809 9.15099 5.88301 12.8047C5.60148 13.1084 5.12724 13.1262 4.82344 12.8447C4.51984 12.5632 4.50197 12.0889 4.7834 11.7852Z"/><path d="M1.45002 8.18692C7.26962 1.90579 16.73 1.90579 22.5496 8.18692C22.8311 8.49078 22.8134 8.96596 22.5096 9.24747C22.2058 9.52875 21.7315 9.51012 21.45 9.20646C16.224 3.56568 7.77566 3.56568 2.54963 9.20646C2.26817 9.51012 1.79388 9.52875 1.49006 9.24747C1.18621 8.96596 1.16851 8.49078 1.45002 8.18692Z"/><path d="M12.0176 18.7144C12.4318 18.7144 12.7676 19.0501 12.7676 19.4644C12.7676 19.8786 12.4318 20.2144 12.0176 20.2144C11.6034 20.2144 11.2676 19.8786 11.2676 19.4644C11.2676 19.0501 11.6034 18.7144 12.0176 18.7144Z"/></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="M8.1174 15.3832C10.2552 13.0761 13.7463 13.076 15.884 15.3832C16.1654 15.687 16.1474 16.1613 15.844 16.4428C15.5401 16.7243 15.0649 16.7066 14.7834 16.4028C13.2393 14.7362 10.7611 14.7362 9.21701 16.4028C8.93548 16.7065 8.46123 16.7243 8.15744 16.4428C7.85381 16.1613 7.83596 15.687 8.1174 15.3832Z"/><path d="M4.7834 11.7852C8.76214 7.49097 15.2384 7.49079 19.217 11.7852C19.4984 12.089 19.4797 12.5632 19.176 12.8447C18.8721 13.1263 18.3979 13.1086 18.1164 12.8047C14.7313 9.151 9.26809 9.15099 5.88301 12.8047C5.60148 13.1084 5.12724 13.1262 4.82344 12.8447C4.51984 12.5632 4.50197 12.0889 4.7834 11.7852Z"/><path d="M1.45002 8.18692C7.26962 1.90579 16.73 1.90579 22.5496 8.18692C22.8311 8.49078 22.8134 8.96596 22.5096 9.24747C22.2058 9.52875 21.7315 9.51012 21.45 9.20646C16.224 3.56568 7.77566 3.56568 2.54963 9.20646C2.26817 9.51012 1.79388 9.52875 1.49006 9.24747C1.18621 8.96596 1.16851 8.49078 1.45002 8.18692Z"/><path d="M12.0176 18.7144C12.4318 18.7144 12.7676 19.0501 12.7676 19.4644C12.7676 19.8786 12.4318 20.2144 12.0176 20.2144C11.6034 20.2144 11.2676 19.8786 11.2676 19.4644C11.2676 19.0501 11.6034 18.7144 12.0176 18.7144Z"/></g></svg> </template>
CSS
.icon-wi-fi-outline {
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%22M8.1174%2015.3832C10.2552%2013.0761%2013.7463%2013.076%2015.884%2015.3832C16.1654%2015.687%2016.1474%2016.1613%2015.844%2016.4428C15.5401%2016.7243%2015.0649%2016.7066%2014.7834%2016.4028C13.2393%2014.7362%2010.7611%2014.7362%209.21701%2016.4028C8.93548%2016.7065%208.46123%2016.7243%208.15744%2016.4428C7.85381%2016.1613%207.83596%2015.687%208.1174%2015.3832Z%22%2F%3E%3Cpath%20d%3D%22M4.7834%2011.7852C8.76214%207.49097%2015.2384%207.49079%2019.217%2011.7852C19.4984%2012.089%2019.4797%2012.5632%2019.176%2012.8447C18.8721%2013.1263%2018.3979%2013.1086%2018.1164%2012.8047C14.7313%209.151%209.26809%209.15099%205.88301%2012.8047C5.60148%2013.1084%205.12724%2013.1262%204.82344%2012.8447C4.51984%2012.5632%204.50197%2012.0889%204.7834%2011.7852Z%22%2F%3E%3Cpath%20d%3D%22M1.45002%208.18692C7.26962%201.90579%2016.73%201.90579%2022.5496%208.18692C22.8311%208.49078%2022.8134%208.96596%2022.5096%209.24747C22.2058%209.52875%2021.7315%209.51012%2021.45%209.20646C16.224%203.56568%207.77566%203.56568%202.54963%209.20646C2.26817%209.51012%201.79388%209.52875%201.49006%209.24747C1.18621%208.96596%201.16851%208.49078%201.45002%208.18692Z%22%2F%3E%3Cpath%20d%3D%22M12.0176%2018.7144C12.4318%2018.7144%2012.7676%2019.0501%2012.7676%2019.4644C12.7676%2019.8786%2012.4318%2020.2144%2012.0176%2020.2144C11.6034%2020.2144%2011.2676%2019.8786%2011.2676%2019.4644C11.2676%2019.0501%2011.6034%2018.7144%2012.0176%2018.7144Z%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%22M8.1174%2015.3832C10.2552%2013.0761%2013.7463%2013.076%2015.884%2015.3832C16.1654%2015.687%2016.1474%2016.1613%2015.844%2016.4428C15.5401%2016.7243%2015.0649%2016.7066%2014.7834%2016.4028C13.2393%2014.7362%2010.7611%2014.7362%209.21701%2016.4028C8.93548%2016.7065%208.46123%2016.7243%208.15744%2016.4428C7.85381%2016.1613%207.83596%2015.687%208.1174%2015.3832Z%22%2F%3E%3Cpath%20d%3D%22M4.7834%2011.7852C8.76214%207.49097%2015.2384%207.49079%2019.217%2011.7852C19.4984%2012.089%2019.4797%2012.5632%2019.176%2012.8447C18.8721%2013.1263%2018.3979%2013.1086%2018.1164%2012.8047C14.7313%209.151%209.26809%209.15099%205.88301%2012.8047C5.60148%2013.1084%205.12724%2013.1262%204.82344%2012.8447C4.51984%2012.5632%204.50197%2012.0889%204.7834%2011.7852Z%22%2F%3E%3Cpath%20d%3D%22M1.45002%208.18692C7.26962%201.90579%2016.73%201.90579%2022.5496%208.18692C22.8311%208.49078%2022.8134%208.96596%2022.5096%209.24747C22.2058%209.52875%2021.7315%209.51012%2021.45%209.20646C16.224%203.56568%207.77566%203.56568%202.54963%209.20646C2.26817%209.51012%201.79388%209.52875%201.49006%209.24747C1.18621%208.96596%201.16851%208.49078%201.45002%208.18692Z%22%2F%3E%3Cpath%20d%3D%22M12.0176%2018.7144C12.4318%2018.7144%2012.7676%2019.0501%2012.7676%2019.4644C12.7676%2019.8786%2012.4318%2020.2144%2012.0176%2020.2144C11.6034%2020.2144%2011.2676%2019.8786%2011.2676%2019.4644C11.2676%2019.0501%2011.6034%2018.7144%2012.0176%2018.7144Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/wi-fi-outline.svg?color=%231a73e8&size=48
