mic sync icon
mic-sync-28-filled from Fluent UI System Icons by Microsoft Corporation · 28 Filled · MIT Free for personal and commercial use.
- Name
- mic-sync-28-filled
- Set
- Fluent UI System Icons
- Style
- 28 Filled
- Viewbox
- 28×28
- License
- MIT
11 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
Use the mic sync icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M20.5 14a6.5 6.5 0 1 1 0 13a6.5 6.5 0 0 1 0-13m-14.75-.999a.75.75 0 0 1 .75.75v.748A6.5 6.5 0 0 0 13 21l.018-.001c.065.99.32 1.926.732 2.774v1.477a.75.75 0 0 1-1.5 0v-2.785A8 8 0 0 1 5 14.5v-.749a.75.75 0 0 1 .75-.75M16.5 21a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 1 0v-.814a4 4 0 0 0 4.651 1.895a4 4 0 0 0 1.677-1.003a.5.5 0 1 0-.707-.707A3 3 0 0 1 17.773 22h.727a.5.5 0 0 0 0-1zm4.8-4.669a4 4 0 0 0-3.628 1.09a.5.5 0 1 0 .707.708a3 3 0 0 1 4.848.871H22.5a.5.5 0 0 0 0 1h2a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-1 0v.814a4 4 0 0 0-2.7-1.983M13 2a4.5 4.5 0 0 1 4.5 4.5v7.126a7.51 7.51 0 0 0-4.35 5.37Q13.075 19 13 19a4.5 4.5 0 0 1-4.5-4.5v-8A4.5 4.5 0 0 1 13 2"/></svg>
React
import type { SVGProps } from "react";
export function FluentMicSync28Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M20.5 14a6.5 6.5 0 1 1 0 13a6.5 6.5 0 0 1 0-13m-14.75-.999a.75.75 0 0 1 .75.75v.748A6.5 6.5 0 0 0 13 21l.018-.001c.065.99.32 1.926.732 2.774v1.477a.75.75 0 0 1-1.5 0v-2.785A8 8 0 0 1 5 14.5v-.749a.75.75 0 0 1 .75-.75M16.5 21a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 1 0v-.814a4 4 0 0 0 4.651 1.895a4 4 0 0 0 1.677-1.003a.5.5 0 1 0-.707-.707A3 3 0 0 1 17.773 22h.727a.5.5 0 0 0 0-1zm4.8-4.669a4 4 0 0 0-3.628 1.09a.5.5 0 1 0 .707.708a3 3 0 0 1 4.848.871H22.5a.5.5 0 0 0 0 1h2a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-1 0v.814a4 4 0 0 0-2.7-1.983M13 2a4.5 4.5 0 0 1 4.5 4.5v7.126a7.51 7.51 0 0 0-4.35 5.37Q13.075 19 13 19a4.5 4.5 0 0 1-4.5-4.5v-8A4.5 4.5 0 0 1 13 2"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M20.5 14a6.5 6.5 0 1 1 0 13a6.5 6.5 0 0 1 0-13m-14.75-.999a.75.75 0 0 1 .75.75v.748A6.5 6.5 0 0 0 13 21l.018-.001c.065.99.32 1.926.732 2.774v1.477a.75.75 0 0 1-1.5 0v-2.785A8 8 0 0 1 5 14.5v-.749a.75.75 0 0 1 .75-.75M16.5 21a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 1 0v-.814a4 4 0 0 0 4.651 1.895a4 4 0 0 0 1.677-1.003a.5.5 0 1 0-.707-.707A3 3 0 0 1 17.773 22h.727a.5.5 0 0 0 0-1zm4.8-4.669a4 4 0 0 0-3.628 1.09a.5.5 0 1 0 .707.708a3 3 0 0 1 4.848.871H22.5a.5.5 0 0 0 0 1h2a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-1 0v.814a4 4 0 0 0-2.7-1.983M13 2a4.5 4.5 0 0 1 4.5 4.5v7.126a7.51 7.51 0 0 0-4.35 5.37Q13.075 19 13 19a4.5 4.5 0 0 1-4.5-4.5v-8A4.5 4.5 0 0 1 13 2"/></svg> </template>
CSS
.icon-mic-sync-28-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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20.5%2014a6.5%206.5%200%201%201%200%2013a6.5%206.5%200%200%201%200-13m-14.75-.999a.75.75%200%200%201%20.75.75v.748A6.5%206.5%200%200%200%2013%2021l.018-.001c.065.99.32%201.926.732%202.774v1.477a.75.75%200%200%201-1.5%200v-2.785A8%208%200%200%201%205%2014.5v-.749a.75.75%200%200%201%20.75-.75M16.5%2021a.5.5%200%200%200-.5.5v2a.5.5%200%200%200%201%200v-.814a4%204%200%200%200%204.651%201.895a4%204%200%200%200%201.677-1.003a.5.5%200%201%200-.707-.707A3%203%200%200%201%2017.773%2022h.727a.5.5%200%200%200%200-1zm4.8-4.669a4%204%200%200%200-3.628%201.09a.5.5%200%201%200%20.707.708a3%203%200%200%201%204.848.871H22.5a.5.5%200%200%200%200%201h2a.5.5%200%200%200%20.5-.5v-2a.5.5%200%200%200-1%200v.814a4%204%200%200%200-2.7-1.983M13%202a4.5%204.5%200%200%201%204.5%204.5v7.126a7.51%207.51%200%200%200-4.35%205.37Q13.075%2019%2013%2019a4.5%204.5%200%200%201-4.5-4.5v-8A4.5%204.5%200%200%201%2013%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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20.5%2014a6.5%206.5%200%201%201%200%2013a6.5%206.5%200%200%201%200-13m-14.75-.999a.75.75%200%200%201%20.75.75v.748A6.5%206.5%200%200%200%2013%2021l.018-.001c.065.99.32%201.926.732%202.774v1.477a.75.75%200%200%201-1.5%200v-2.785A8%208%200%200%201%205%2014.5v-.749a.75.75%200%200%201%20.75-.75M16.5%2021a.5.5%200%200%200-.5.5v2a.5.5%200%200%200%201%200v-.814a4%204%200%200%200%204.651%201.895a4%204%200%200%200%201.677-1.003a.5.5%200%201%200-.707-.707A3%203%200%200%201%2017.773%2022h.727a.5.5%200%200%200%200-1zm4.8-4.669a4%204%200%200%200-3.628%201.09a.5.5%200%201%200%20.707.708a3%203%200%200%201%204.848.871H22.5a.5.5%200%200%200%200%201h2a.5.5%200%200%200%20.5-.5v-2a.5.5%200%200%200-1%200v.814a4%204%200%200%200-2.7-1.983M13%202a4.5%204.5%200%200%201%204.5%204.5v7.126a7.51%207.51%200%200%200-4.35%205.37Q13.075%2019%2013%2019a4.5%204.5%200%200%201-4.5-4.5v-8A4.5%204.5%200%200%201%2013%202%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/mic-sync-28-filled.svg?color=%231a73e8&size=48
