sine wave dots icon
sine-wave-dots-16-filled from Fluent UI System Icons by Microsoft Corporation · 16 Filled · MIT Free for personal and commercial use.
- Name
- sine-wave-dots-16-filled
- Set
- Fluent UI System Icons
- Style
- 16 Filled
- Viewbox
- 16×16
- 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 16 16"><path fill="currentColor" d="M5.616 1c.577 0 1.005.342 1.307.77c.299.422.525.992.71 1.62c.37 1.259.62 2.923.861 4.536c.246 1.637.485 3.223.832 4.401c.174.591.364 1.037.568 1.325c.2.283.361.348.489.348c.114 0 .247-.049.412-.245q.26-.307.503-.986c.282-.795.496-1.86.692-3.045A2 2 0 1 1 13 10l-.042-.003c-.194 1.156-.415 2.254-.718 3.107c-.178.5-.396.956-.68 1.294c-.29.346-.681.602-1.177.602c-.576 0-1.004-.342-1.306-.77c-.299-.422-.526-.992-.71-1.62c-.372-1.259-.62-2.923-.861-4.536c-.246-1.637-.485-3.223-.832-4.401c-.174-.591-.364-1.037-.568-1.325c-.2-.284-.362-.348-.49-.348c-.113 0-.246.05-.41.245c-.173.205-.344.533-.505.986c-.282.795-.496 1.86-.692 3.044A2 2 0 1 1 3 6l.041.002c.194-1.156.416-2.253.719-3.106c.178-.5.396-.956.68-1.293C4.73 1.256 5.12 1 5.615 1"/></svg>
React
import type { SVGProps } from "react";
export function FluentSineWaveDots16Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M5.616 1c.577 0 1.005.342 1.307.77c.299.422.525.992.71 1.62c.37 1.259.62 2.923.861 4.536c.246 1.637.485 3.223.832 4.401c.174.591.364 1.037.568 1.325c.2.283.361.348.489.348c.114 0 .247-.049.412-.245q.26-.307.503-.986c.282-.795.496-1.86.692-3.045A2 2 0 1 1 13 10l-.042-.003c-.194 1.156-.415 2.254-.718 3.107c-.178.5-.396.956-.68 1.294c-.29.346-.681.602-1.177.602c-.576 0-1.004-.342-1.306-.77c-.299-.422-.526-.992-.71-1.62c-.372-1.259-.62-2.923-.861-4.536c-.246-1.637-.485-3.223-.832-4.401c-.174-.591-.364-1.037-.568-1.325c-.2-.284-.362-.348-.49-.348c-.113 0-.246.05-.41.245c-.173.205-.344.533-.505.986c-.282.795-.496 1.86-.692 3.044A2 2 0 1 1 3 6l.041.002c.194-1.156.416-2.253.719-3.106c.178-.5.396-.956.68-1.293C4.73 1.256 5.12 1 5.615 1"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M5.616 1c.577 0 1.005.342 1.307.77c.299.422.525.992.71 1.62c.37 1.259.62 2.923.861 4.536c.246 1.637.485 3.223.832 4.401c.174.591.364 1.037.568 1.325c.2.283.361.348.489.348c.114 0 .247-.049.412-.245q.26-.307.503-.986c.282-.795.496-1.86.692-3.045A2 2 0 1 1 13 10l-.042-.003c-.194 1.156-.415 2.254-.718 3.107c-.178.5-.396.956-.68 1.294c-.29.346-.681.602-1.177.602c-.576 0-1.004-.342-1.306-.77c-.299-.422-.526-.992-.71-1.62c-.372-1.259-.62-2.923-.861-4.536c-.246-1.637-.485-3.223-.832-4.401c-.174-.591-.364-1.037-.568-1.325c-.2-.284-.362-.348-.49-.348c-.113 0-.246.05-.41.245c-.173.205-.344.533-.505.986c-.282.795-.496 1.86-.692 3.044A2 2 0 1 1 3 6l.041.002c.194-1.156.416-2.253.719-3.106c.178-.5.396-.956.68-1.293C4.73 1.256 5.12 1 5.615 1"/></svg> </template>
CSS
.icon-sine-wave-dots-16-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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.616%201c.577%200%201.005.342%201.307.77c.299.422.525.992.71%201.62c.37%201.259.62%202.923.861%204.536c.246%201.637.485%203.223.832%204.401c.174.591.364%201.037.568%201.325c.2.283.361.348.489.348c.114%200%20.247-.049.412-.245q.26-.307.503-.986c.282-.795.496-1.86.692-3.045A2%202%200%201%201%2013%2010l-.042-.003c-.194%201.156-.415%202.254-.718%203.107c-.178.5-.396.956-.68%201.294c-.29.346-.681.602-1.177.602c-.576%200-1.004-.342-1.306-.77c-.299-.422-.526-.992-.71-1.62c-.372-1.259-.62-2.923-.861-4.536c-.246-1.637-.485-3.223-.832-4.401c-.174-.591-.364-1.037-.568-1.325c-.2-.284-.362-.348-.49-.348c-.113%200-.246.05-.41.245c-.173.205-.344.533-.505.986c-.282.795-.496%201.86-.692%203.044A2%202%200%201%201%203%206l.041.002c.194-1.156.416-2.253.719-3.106c.178-.5.396-.956.68-1.293C4.73%201.256%205.12%201%205.615%201%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.616%201c.577%200%201.005.342%201.307.77c.299.422.525.992.71%201.62c.37%201.259.62%202.923.861%204.536c.246%201.637.485%203.223.832%204.401c.174.591.364%201.037.568%201.325c.2.283.361.348.489.348c.114%200%20.247-.049.412-.245q.26-.307.503-.986c.282-.795.496-1.86.692-3.045A2%202%200%201%201%2013%2010l-.042-.003c-.194%201.156-.415%202.254-.718%203.107c-.178.5-.396.956-.68%201.294c-.29.346-.681.602-1.177.602c-.576%200-1.004-.342-1.306-.77c-.299-.422-.526-.992-.71-1.62c-.372-1.259-.62-2.923-.861-4.536c-.246-1.637-.485-3.223-.832-4.401c-.174-.591-.364-1.037-.568-1.325c-.2-.284-.362-.348-.49-.348c-.113%200-.246.05-.41.245c-.173.205-.344.533-.505.986c-.282.795-.496%201.86-.692%203.044A2%202%200%201%201%203%206l.041.002c.194-1.156.416-2.253.719-3.106c.178-.5.396-.956.68-1.293C4.73%201.256%205.12%201%205.615%201%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-16-filled.svg?color=%231a73e8&size=48
