sine wave dots icon
sine-wave-dots-32-filled from Fluent UI System Icons by Microsoft Corporation · 32 Filled · MIT Free for personal and commercial use.
- Name
- sine-wave-dots-32-filled
- Set
- Fluent UI System Icons
- Style
- 32 Filled
- Viewbox
- 32×32
- License
- MIT
11 other variants in Fluent UI System Icons
Use the sine wave dots icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M11 2c1.114 0 1.923.734 2.484 1.55c.571.832 1.038 1.958 1.438 3.207c.804 2.507 1.44 5.826 2.06 9.055c.63 3.27 1.244 6.452 2.002 8.82c.381 1.188.775 2.094 1.18 2.684c.415.604.7.684.836.684s.421-.08.836-.684c.405-.59.8-1.496 1.18-2.684c.46-1.431.862-3.16 1.25-5.027a4 4 0 1 1 1.964.388c-.398 1.914-.821 3.731-1.308 5.25c-.4 1.25-.867 2.375-1.438 3.206c-.56.817-1.37 1.55-2.484 1.551s-1.923-.734-2.484-1.55c-.571-.832-1.036-1.958-1.437-3.207c-.803-2.507-1.44-5.825-2.06-9.054c-.63-3.271-1.244-6.453-2.002-8.82c-.381-1.189-.776-2.095-1.181-2.685C11.421 4.08 11.136 4 11 4s-.421.08-.836.684c-.405.59-.799 1.496-1.18 2.684c-.458 1.431-.862 3.16-1.25 5.026a4 4 0 1 1-1.964-.388c.397-1.914.822-3.73 1.31-5.25c.4-1.248.865-2.374 1.436-3.205C9.077 2.734 9.886 2 11 2"/></svg>
React
import type { SVGProps } from "react";
export function FluentSineWaveDots32Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M11 2c1.114 0 1.923.734 2.484 1.55c.571.832 1.038 1.958 1.438 3.207c.804 2.507 1.44 5.826 2.06 9.055c.63 3.27 1.244 6.452 2.002 8.82c.381 1.188.775 2.094 1.18 2.684c.415.604.7.684.836.684s.421-.08.836-.684c.405-.59.8-1.496 1.18-2.684c.46-1.431.862-3.16 1.25-5.027a4 4 0 1 1 1.964.388c-.398 1.914-.821 3.731-1.308 5.25c-.4 1.25-.867 2.375-1.438 3.206c-.56.817-1.37 1.55-2.484 1.551s-1.923-.734-2.484-1.55c-.571-.832-1.036-1.958-1.437-3.207c-.803-2.507-1.44-5.825-2.06-9.054c-.63-3.271-1.244-6.453-2.002-8.82c-.381-1.189-.776-2.095-1.181-2.685C11.421 4.08 11.136 4 11 4s-.421.08-.836.684c-.405.59-.799 1.496-1.18 2.684c-.458 1.431-.862 3.16-1.25 5.026a4 4 0 1 1-1.964-.388c.397-1.914.822-3.73 1.31-5.25c.4-1.248.865-2.374 1.436-3.205C9.077 2.734 9.886 2 11 2"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M11 2c1.114 0 1.923.734 2.484 1.55c.571.832 1.038 1.958 1.438 3.207c.804 2.507 1.44 5.826 2.06 9.055c.63 3.27 1.244 6.452 2.002 8.82c.381 1.188.775 2.094 1.18 2.684c.415.604.7.684.836.684s.421-.08.836-.684c.405-.59.8-1.496 1.18-2.684c.46-1.431.862-3.16 1.25-5.027a4 4 0 1 1 1.964.388c-.398 1.914-.821 3.731-1.308 5.25c-.4 1.25-.867 2.375-1.438 3.206c-.56.817-1.37 1.55-2.484 1.551s-1.923-.734-2.484-1.55c-.571-.832-1.036-1.958-1.437-3.207c-.803-2.507-1.44-5.825-2.06-9.054c-.63-3.271-1.244-6.453-2.002-8.82c-.381-1.189-.776-2.095-1.181-2.685C11.421 4.08 11.136 4 11 4s-.421.08-.836.684c-.405.59-.799 1.496-1.18 2.684c-.458 1.431-.862 3.16-1.25 5.026a4 4 0 1 1-1.964-.388c.397-1.914.822-3.73 1.31-5.25c.4-1.248.865-2.374 1.436-3.205C9.077 2.734 9.886 2 11 2"/></svg> </template>
CSS
.icon-sine-wave-dots-32-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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11%202c1.114%200%201.923.734%202.484%201.55c.571.832%201.038%201.958%201.438%203.207c.804%202.507%201.44%205.826%202.06%209.055c.63%203.27%201.244%206.452%202.002%208.82c.381%201.188.775%202.094%201.18%202.684c.415.604.7.684.836.684s.421-.08.836-.684c.405-.59.8-1.496%201.18-2.684c.46-1.431.862-3.16%201.25-5.027a4%204%200%201%201%201.964.388c-.398%201.914-.821%203.731-1.308%205.25c-.4%201.25-.867%202.375-1.438%203.206c-.56.817-1.37%201.55-2.484%201.551s-1.923-.734-2.484-1.55c-.571-.832-1.036-1.958-1.437-3.207c-.803-2.507-1.44-5.825-2.06-9.054c-.63-3.271-1.244-6.453-2.002-8.82c-.381-1.189-.776-2.095-1.181-2.685C11.421%204.08%2011.136%204%2011%204s-.421.08-.836.684c-.405.59-.799%201.496-1.18%202.684c-.458%201.431-.862%203.16-1.25%205.026a4%204%200%201%201-1.964-.388c.397-1.914.822-3.73%201.31-5.25c.4-1.248.865-2.374%201.436-3.205C9.077%202.734%209.886%202%2011%202%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11%202c1.114%200%201.923.734%202.484%201.55c.571.832%201.038%201.958%201.438%203.207c.804%202.507%201.44%205.826%202.06%209.055c.63%203.27%201.244%206.452%202.002%208.82c.381%201.188.775%202.094%201.18%202.684c.415.604.7.684.836.684s.421-.08.836-.684c.405-.59.8-1.496%201.18-2.684c.46-1.431.862-3.16%201.25-5.027a4%204%200%201%201%201.964.388c-.398%201.914-.821%203.731-1.308%205.25c-.4%201.25-.867%202.375-1.438%203.206c-.56.817-1.37%201.55-2.484%201.551s-1.923-.734-2.484-1.55c-.571-.832-1.036-1.958-1.437-3.207c-.803-2.507-1.44-5.825-2.06-9.054c-.63-3.271-1.244-6.453-2.002-8.82c-.381-1.189-.776-2.095-1.181-2.685C11.421%204.08%2011.136%204%2011%204s-.421.08-.836.684c-.405.59-.799%201.496-1.18%202.684c-.458%201.431-.862%203.16-1.25%205.026a4%204%200%201%201-1.964-.388c.397-1.914.822-3.73%201.31-5.25c.4-1.248.865-2.374%201.436-3.205C9.077%202.734%209.886%202%2011%202%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/sine-wave-dots-32-filled.svg?color=%231a73e8&size=48
