wifi channel icon
wifi-channel from Material Symbols Light by Google · Regular · Communicate · Apache-2.0 Free for personal and commercial use.
- Name
- wifi-channel
- Set
- Material Symbols Light
- Style
- Regular
- Category
- Communicate
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- wifi-channel-outline, wifi-channel-outline-sharp, wifi-channel-sharp
2 other variants in Material Symbols Light
The same icon in other sets
More communicate icons from Material Symbols Light
Use the wifi channel icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.558 20.5q.294-2.002.791-4.397t1.19-4.31q.592-1.591 1.207-2.442T8 8.5q.5 0 1 .552t.975 1.604q.494 1.052.926 2.548t.834 3.41q.306-3.23.73-5.663q.426-2.434.956-4.092q.55-1.676 1.194-2.518T16 3.5q.902 0 1.627 1.16t1.312 3.356q.717 2.765 1.067 6.201t.475 6.283h-1.077q-.508-2.258-1.573-4.129T16 14.5t-1.814 1.842t-1.59 4.158h-1.154q-.296-2.089-.72-4.009t-.906-3.439t-.956-2.472T8 9.529q-.386.098-.86 1.048q-.473.95-.955 2.47q-.483 1.519-.907 3.439t-.72 4.014zm9.134-3.23q.749-1.803 1.614-2.786T16 13.5t1.704.993t1.604 2.776q-.225-2.765-.58-5.054t-.795-4.002t-.925-2.674T16 4.511q-.504.063-.998 1.036t-.935 2.685t-.795 4t-.58 5.036"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightWifiChannel(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.558 20.5q.294-2.002.791-4.397t1.19-4.31q.592-1.591 1.207-2.442T8 8.5q.5 0 1 .552t.975 1.604q.494 1.052.926 2.548t.834 3.41q.306-3.23.73-5.663q.426-2.434.956-4.092q.55-1.676 1.194-2.518T16 3.5q.902 0 1.627 1.16t1.312 3.356q.717 2.765 1.067 6.201t.475 6.283h-1.077q-.508-2.258-1.573-4.129T16 14.5t-1.814 1.842t-1.59 4.158h-1.154q-.296-2.089-.72-4.009t-.906-3.439t-.956-2.472T8 9.529q-.386.098-.86 1.048q-.473.95-.955 2.47q-.483 1.519-.907 3.439t-.72 4.014zm9.134-3.23q.749-1.803 1.614-2.786T16 13.5t1.704.993t1.604 2.776q-.225-2.765-.58-5.054t-.795-4.002t-.925-2.674T16 4.511q-.504.063-.998 1.036t-.935 2.685t-.795 4t-.58 5.036"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.558 20.5q.294-2.002.791-4.397t1.19-4.31q.592-1.591 1.207-2.442T8 8.5q.5 0 1 .552t.975 1.604q.494 1.052.926 2.548t.834 3.41q.306-3.23.73-5.663q.426-2.434.956-4.092q.55-1.676 1.194-2.518T16 3.5q.902 0 1.627 1.16t1.312 3.356q.717 2.765 1.067 6.201t.475 6.283h-1.077q-.508-2.258-1.573-4.129T16 14.5t-1.814 1.842t-1.59 4.158h-1.154q-.296-2.089-.72-4.009t-.906-3.439t-.956-2.472T8 9.529q-.386.098-.86 1.048q-.473.95-.955 2.47q-.483 1.519-.907 3.439t-.72 4.014zm9.134-3.23q.749-1.803 1.614-2.786T16 13.5t1.704.993t1.604 2.776q-.225-2.765-.58-5.054t-.795-4.002t-.925-2.674T16 4.511q-.504.063-.998 1.036t-.935 2.685t-.795 4t-.58 5.036"/></svg> </template>
CSS
.icon-wifi-channel {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.558%2020.5q.294-2.002.791-4.397t1.19-4.31q.592-1.591%201.207-2.442T8%208.5q.5%200%201%20.552t.975%201.604q.494%201.052.926%202.548t.834%203.41q.306-3.23.73-5.663q.426-2.434.956-4.092q.55-1.676%201.194-2.518T16%203.5q.902%200%201.627%201.16t1.312%203.356q.717%202.765%201.067%206.201t.475%206.283h-1.077q-.508-2.258-1.573-4.129T16%2014.5t-1.814%201.842t-1.59%204.158h-1.154q-.296-2.089-.72-4.009t-.906-3.439t-.956-2.472T8%209.529q-.386.098-.86%201.048q-.473.95-.955%202.47q-.483%201.519-.907%203.439t-.72%204.014zm9.134-3.23q.749-1.803%201.614-2.786T16%2013.5t1.704.993t1.604%202.776q-.225-2.765-.58-5.054t-.795-4.002t-.925-2.674T16%204.511q-.504.063-.998%201.036t-.935%202.685t-.795%204t-.58%205.036%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.558%2020.5q.294-2.002.791-4.397t1.19-4.31q.592-1.591%201.207-2.442T8%208.5q.5%200%201%20.552t.975%201.604q.494%201.052.926%202.548t.834%203.41q.306-3.23.73-5.663q.426-2.434.956-4.092q.55-1.676%201.194-2.518T16%203.5q.902%200%201.627%201.16t1.312%203.356q.717%202.765%201.067%206.201t.475%206.283h-1.077q-.508-2.258-1.573-4.129T16%2014.5t-1.814%201.842t-1.59%204.158h-1.154q-.296-2.089-.72-4.009t-.906-3.439t-.956-2.472T8%209.529q-.386.098-.86%201.048q-.473.95-.955%202.47q-.483%201.519-.907%203.439t-.72%204.014zm9.134-3.23q.749-1.803%201.614-2.786T16%2013.5t1.704.993t1.604%202.776q-.225-2.765-.58-5.054t-.795-4.002t-.925-2.674T16%204.511q-.504.063-.998%201.036t-.935%202.685t-.795%204t-.58%205.036%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/wifi-channel.svg?color=%231a73e8&size=48
