sine wave dots icon
sine-wave-dots-48-filled from Fluent UI System Icons by Microsoft Corporation · 48 Filled · MIT Free for personal and commercial use.
- Name
- sine-wave-dots-48-filled
- Set
- Fluent UI System Icons
- Style
- 48 Filled
- Viewbox
- 48×48
- 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 48 48"><path fill="currentColor" d="M17 4c1.503 0 2.597 1.017 3.364 2.168c.784 1.175 1.428 2.776 1.986 4.57c1.12 3.601 2.008 8.37 2.879 13.032c.88 4.714 1.741 9.32 2.808 12.75c.536 1.72 1.095 3.05 1.679 3.925c.6.9 1.038 1.055 1.284 1.055c.247 0 .685-.155 1.284-1.055c.584-.875 1.143-2.205 1.678-3.925c.623-2.002 1.172-4.404 1.7-6.994A6.001 6.001 0 1 1 44 24a6 6 0 0 1-5.88 5.996c-.54 2.652-1.115 5.159-1.77 7.266c-.558 1.794-1.202 3.395-1.986 4.57C33.597 42.982 32.504 44 31 44s-2.597-1.017-3.364-2.168c-.784-1.175-1.428-2.776-1.986-4.57c-1.12-3.601-2.01-8.37-2.88-13.032c-.88-4.714-1.74-9.32-2.808-12.75c-.535-1.72-1.094-3.05-1.678-3.925c-.6-.9-1.037-1.055-1.284-1.055c-.246 0-.684.155-1.284 1.055c-.584.875-1.143 2.204-1.679 3.925c-.622 2.002-1.173 4.403-1.7 6.993A6.001 6.001 0 0 1 10 30a6 6 0 0 1-.12-11.997c.538-2.651 1.114-5.158 1.77-7.265c.558-1.794 1.202-3.395 1.986-4.57C14.403 5.018 15.496 4 17 4"/></svg>
React
import type { SVGProps } from "react";
export function FluentSineWaveDots48Filled(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="M17 4c1.503 0 2.597 1.017 3.364 2.168c.784 1.175 1.428 2.776 1.986 4.57c1.12 3.601 2.008 8.37 2.879 13.032c.88 4.714 1.741 9.32 2.808 12.75c.536 1.72 1.095 3.05 1.679 3.925c.6.9 1.038 1.055 1.284 1.055c.247 0 .685-.155 1.284-1.055c.584-.875 1.143-2.205 1.678-3.925c.623-2.002 1.172-4.404 1.7-6.994A6.001 6.001 0 1 1 44 24a6 6 0 0 1-5.88 5.996c-.54 2.652-1.115 5.159-1.77 7.266c-.558 1.794-1.202 3.395-1.986 4.57C33.597 42.982 32.504 44 31 44s-2.597-1.017-3.364-2.168c-.784-1.175-1.428-2.776-1.986-4.57c-1.12-3.601-2.01-8.37-2.88-13.032c-.88-4.714-1.74-9.32-2.808-12.75c-.535-1.72-1.094-3.05-1.678-3.925c-.6-.9-1.037-1.055-1.284-1.055c-.246 0-.684.155-1.284 1.055c-.584.875-1.143 2.204-1.679 3.925c-.622 2.002-1.173 4.403-1.7 6.993A6.001 6.001 0 0 1 10 30a6 6 0 0 1-.12-11.997c.538-2.651 1.114-5.158 1.77-7.265c.558-1.794 1.202-3.395 1.986-4.57C14.403 5.018 15.496 4 17 4"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M17 4c1.503 0 2.597 1.017 3.364 2.168c.784 1.175 1.428 2.776 1.986 4.57c1.12 3.601 2.008 8.37 2.879 13.032c.88 4.714 1.741 9.32 2.808 12.75c.536 1.72 1.095 3.05 1.679 3.925c.6.9 1.038 1.055 1.284 1.055c.247 0 .685-.155 1.284-1.055c.584-.875 1.143-2.205 1.678-3.925c.623-2.002 1.172-4.404 1.7-6.994A6.001 6.001 0 1 1 44 24a6 6 0 0 1-5.88 5.996c-.54 2.652-1.115 5.159-1.77 7.266c-.558 1.794-1.202 3.395-1.986 4.57C33.597 42.982 32.504 44 31 44s-2.597-1.017-3.364-2.168c-.784-1.175-1.428-2.776-1.986-4.57c-1.12-3.601-2.01-8.37-2.88-13.032c-.88-4.714-1.74-9.32-2.808-12.75c-.535-1.72-1.094-3.05-1.678-3.925c-.6-.9-1.037-1.055-1.284-1.055c-.246 0-.684.155-1.284 1.055c-.584.875-1.143 2.204-1.679 3.925c-.622 2.002-1.173 4.403-1.7 6.993A6.001 6.001 0 0 1 10 30a6 6 0 0 1-.12-11.997c.538-2.651 1.114-5.158 1.77-7.265c.558-1.794 1.202-3.395 1.986-4.57C14.403 5.018 15.496 4 17 4"/></svg> </template>
CSS
.icon-sine-wave-dots-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%22M17%204c1.503%200%202.597%201.017%203.364%202.168c.784%201.175%201.428%202.776%201.986%204.57c1.12%203.601%202.008%208.37%202.879%2013.032c.88%204.714%201.741%209.32%202.808%2012.75c.536%201.72%201.095%203.05%201.679%203.925c.6.9%201.038%201.055%201.284%201.055c.247%200%20.685-.155%201.284-1.055c.584-.875%201.143-2.205%201.678-3.925c.623-2.002%201.172-4.404%201.7-6.994A6.001%206.001%200%201%201%2044%2024a6%206%200%200%201-5.88%205.996c-.54%202.652-1.115%205.159-1.77%207.266c-.558%201.794-1.202%203.395-1.986%204.57C33.597%2042.982%2032.504%2044%2031%2044s-2.597-1.017-3.364-2.168c-.784-1.175-1.428-2.776-1.986-4.57c-1.12-3.601-2.01-8.37-2.88-13.032c-.88-4.714-1.74-9.32-2.808-12.75c-.535-1.72-1.094-3.05-1.678-3.925c-.6-.9-1.037-1.055-1.284-1.055c-.246%200-.684.155-1.284%201.055c-.584.875-1.143%202.204-1.679%203.925c-.622%202.002-1.173%204.403-1.7%206.993A6.001%206.001%200%200%201%2010%2030a6%206%200%200%201-.12-11.997c.538-2.651%201.114-5.158%201.77-7.265c.558-1.794%201.202-3.395%201.986-4.57C14.403%205.018%2015.496%204%2017%204%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%22M17%204c1.503%200%202.597%201.017%203.364%202.168c.784%201.175%201.428%202.776%201.986%204.57c1.12%203.601%202.008%208.37%202.879%2013.032c.88%204.714%201.741%209.32%202.808%2012.75c.536%201.72%201.095%203.05%201.679%203.925c.6.9%201.038%201.055%201.284%201.055c.247%200%20.685-.155%201.284-1.055c.584-.875%201.143-2.205%201.678-3.925c.623-2.002%201.172-4.404%201.7-6.994A6.001%206.001%200%201%201%2044%2024a6%206%200%200%201-5.88%205.996c-.54%202.652-1.115%205.159-1.77%207.266c-.558%201.794-1.202%203.395-1.986%204.57C33.597%2042.982%2032.504%2044%2031%2044s-2.597-1.017-3.364-2.168c-.784-1.175-1.428-2.776-1.986-4.57c-1.12-3.601-2.01-8.37-2.88-13.032c-.88-4.714-1.74-9.32-2.808-12.75c-.535-1.72-1.094-3.05-1.678-3.925c-.6-.9-1.037-1.055-1.284-1.055c-.246%200-.684.155-1.284%201.055c-.584.875-1.143%202.204-1.679%203.925c-.622%202.002-1.173%204.403-1.7%206.993A6.001%206.001%200%200%201%2010%2030a6%206%200%200%201-.12-11.997c.538-2.651%201.114-5.158%201.77-7.265c.558-1.794%201.202-3.395%201.986-4.57C14.403%205.018%2015.496%204%2017%204%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-48-filled.svg?color=%231a73e8&size=48
