sound wave circle sparkle off icon
sound-wave-circle-sparkle-off-28-regular from Fluent UI System Icons by Microsoft Corporation · 28 Regular · MIT Free for personal and commercial use.
- Name
- sound-wave-circle-sparkle-off-28-regular
- Set
- Fluent UI System Icons
- Style
- 28 Regular
- Viewbox
- 28×28
- License
- MIT
7 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
Use the sound wave circle sparkle off icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M2.22 2.22a.75.75 0 0 1 1.06 0l22.5 22.5a.75.75 0 0 1-1.06 1.06l-2.787-2.787A11.94 11.94 0 0 1 14 26C7.373 26 2 20.627 2 14c0-3.044 1.134-5.822 3.002-7.937L2.22 3.28a.75.75 0 0 1 0-1.06m3.845 4.906A10.46 10.46 0 0 0 3.5 14c0 5.799 4.701 10.5 10.5 10.5c2.63 0 5.03-.971 6.871-2.568L13 14.06v4.189a.75.75 0 0 1-1.5 0v-5.69zm19.921 7.454a11.93 11.93 0 0 1-2.062 6.161l-1.082-1.082a10.44 10.44 0 0 0 1.62-4.768a1.37 1.37 0 0 0 1.524-.31M18.5 9.985c.116.296.313.555.57.745c.273.188.597.288.929.289v5.797L18.5 15.317zM8.75 11.5a.75.75 0 0 1 .75.75v3.5a.75.75 0 0 1-1.5 0v-3.5a.75.75 0 0 1 .75-.75M24.981 8a.36.36 0 0 1 .343.242l.298.918a1.89 1.89 0 0 0 1.2 1.197l.917.3l.019.003a.364.364 0 0 1 .176.552a.36.36 0 0 1-.176.132l-.92.299a1.9 1.9 0 0 0-1.197 1.197l-.3.918a.363.363 0 0 1-.683 0l-.299-.918a1.9 1.9 0 0 0-1.198-1.202l-.919-.298a.364.364 0 0 1-.176-.552a.36.36 0 0 1 .176-.132l.92-.299A1.9 1.9 0 0 0 24.34 9.16l.299-.918A.36.36 0 0 1 24.98 8m-5.01-8a.605.605 0 0 1 .57.403l.497 1.53a3.15 3.15 0 0 0 1.998 1.997l1.53.497l.032.007a.606.606 0 0 1 0 1.14l-1.532.496a3.16 3.16 0 0 0-1.998 1.997l-.497 1.53l-.014.038a.605.605 0 0 1-1.126-.038l-.497-1.53a3.15 3.15 0 0 0-1.998-2.004l-1.532-.497a.605.605 0 0 1 0-1.14l1.532-.496a3.16 3.16 0 0 0 1.954-1.96l.012-.037l.498-1.53A.6.6 0 0 1 19.97 0M14 2a12 12 0 0 1 3.447.503a2.1 2.1 0 0 1-.838.496l-1.52.5l-.118.045Q14.49 3.499 14 3.5c-2.085 0-4.027.61-5.66 1.657L7.256 4.073A11.94 11.94 0 0 1 14 2"/></svg>
React
import type { SVGProps } from "react";
export function FluentSoundWaveCircleSparkleOff28Regular(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="M2.22 2.22a.75.75 0 0 1 1.06 0l22.5 22.5a.75.75 0 0 1-1.06 1.06l-2.787-2.787A11.94 11.94 0 0 1 14 26C7.373 26 2 20.627 2 14c0-3.044 1.134-5.822 3.002-7.937L2.22 3.28a.75.75 0 0 1 0-1.06m3.845 4.906A10.46 10.46 0 0 0 3.5 14c0 5.799 4.701 10.5 10.5 10.5c2.63 0 5.03-.971 6.871-2.568L13 14.06v4.189a.75.75 0 0 1-1.5 0v-5.69zm19.921 7.454a11.93 11.93 0 0 1-2.062 6.161l-1.082-1.082a10.44 10.44 0 0 0 1.62-4.768a1.37 1.37 0 0 0 1.524-.31M18.5 9.985c.116.296.313.555.57.745c.273.188.597.288.929.289v5.797L18.5 15.317zM8.75 11.5a.75.75 0 0 1 .75.75v3.5a.75.75 0 0 1-1.5 0v-3.5a.75.75 0 0 1 .75-.75M24.981 8a.36.36 0 0 1 .343.242l.298.918a1.89 1.89 0 0 0 1.2 1.197l.917.3l.019.003a.364.364 0 0 1 .176.552a.36.36 0 0 1-.176.132l-.92.299a1.9 1.9 0 0 0-1.197 1.197l-.3.918a.363.363 0 0 1-.683 0l-.299-.918a1.9 1.9 0 0 0-1.198-1.202l-.919-.298a.364.364 0 0 1-.176-.552a.36.36 0 0 1 .176-.132l.92-.299A1.9 1.9 0 0 0 24.34 9.16l.299-.918A.36.36 0 0 1 24.98 8m-5.01-8a.605.605 0 0 1 .57.403l.497 1.53a3.15 3.15 0 0 0 1.998 1.997l1.53.497l.032.007a.606.606 0 0 1 0 1.14l-1.532.496a3.16 3.16 0 0 0-1.998 1.997l-.497 1.53l-.014.038a.605.605 0 0 1-1.126-.038l-.497-1.53a3.15 3.15 0 0 0-1.998-2.004l-1.532-.497a.605.605 0 0 1 0-1.14l1.532-.496a3.16 3.16 0 0 0 1.954-1.96l.012-.037l.498-1.53A.6.6 0 0 1 19.97 0M14 2a12 12 0 0 1 3.447.503a2.1 2.1 0 0 1-.838.496l-1.52.5l-.118.045Q14.49 3.499 14 3.5c-2.085 0-4.027.61-5.66 1.657L7.256 4.073A11.94 11.94 0 0 1 14 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="M2.22 2.22a.75.75 0 0 1 1.06 0l22.5 22.5a.75.75 0 0 1-1.06 1.06l-2.787-2.787A11.94 11.94 0 0 1 14 26C7.373 26 2 20.627 2 14c0-3.044 1.134-5.822 3.002-7.937L2.22 3.28a.75.75 0 0 1 0-1.06m3.845 4.906A10.46 10.46 0 0 0 3.5 14c0 5.799 4.701 10.5 10.5 10.5c2.63 0 5.03-.971 6.871-2.568L13 14.06v4.189a.75.75 0 0 1-1.5 0v-5.69zm19.921 7.454a11.93 11.93 0 0 1-2.062 6.161l-1.082-1.082a10.44 10.44 0 0 0 1.62-4.768a1.37 1.37 0 0 0 1.524-.31M18.5 9.985c.116.296.313.555.57.745c.273.188.597.288.929.289v5.797L18.5 15.317zM8.75 11.5a.75.75 0 0 1 .75.75v3.5a.75.75 0 0 1-1.5 0v-3.5a.75.75 0 0 1 .75-.75M24.981 8a.36.36 0 0 1 .343.242l.298.918a1.89 1.89 0 0 0 1.2 1.197l.917.3l.019.003a.364.364 0 0 1 .176.552a.36.36 0 0 1-.176.132l-.92.299a1.9 1.9 0 0 0-1.197 1.197l-.3.918a.363.363 0 0 1-.683 0l-.299-.918a1.9 1.9 0 0 0-1.198-1.202l-.919-.298a.364.364 0 0 1-.176-.552a.36.36 0 0 1 .176-.132l.92-.299A1.9 1.9 0 0 0 24.34 9.16l.299-.918A.36.36 0 0 1 24.98 8m-5.01-8a.605.605 0 0 1 .57.403l.497 1.53a3.15 3.15 0 0 0 1.998 1.997l1.53.497l.032.007a.606.606 0 0 1 0 1.14l-1.532.496a3.16 3.16 0 0 0-1.998 1.997l-.497 1.53l-.014.038a.605.605 0 0 1-1.126-.038l-.497-1.53a3.15 3.15 0 0 0-1.998-2.004l-1.532-.497a.605.605 0 0 1 0-1.14l1.532-.496a3.16 3.16 0 0 0 1.954-1.96l.012-.037l.498-1.53A.6.6 0 0 1 19.97 0M14 2a12 12 0 0 1 3.447.503a2.1 2.1 0 0 1-.838.496l-1.52.5l-.118.045Q14.49 3.499 14 3.5c-2.085 0-4.027.61-5.66 1.657L7.256 4.073A11.94 11.94 0 0 1 14 2"/></svg> </template>
CSS
.icon-sound-wave-circle-sparkle-off-28-regular {
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%22M2.22%202.22a.75.75%200%200%201%201.06%200l22.5%2022.5a.75.75%200%200%201-1.06%201.06l-2.787-2.787A11.94%2011.94%200%200%201%2014%2026C7.373%2026%202%2020.627%202%2014c0-3.044%201.134-5.822%203.002-7.937L2.22%203.28a.75.75%200%200%201%200-1.06m3.845%204.906A10.46%2010.46%200%200%200%203.5%2014c0%205.799%204.701%2010.5%2010.5%2010.5c2.63%200%205.03-.971%206.871-2.568L13%2014.06v4.189a.75.75%200%200%201-1.5%200v-5.69zm19.921%207.454a11.93%2011.93%200%200%201-2.062%206.161l-1.082-1.082a10.44%2010.44%200%200%200%201.62-4.768a1.37%201.37%200%200%200%201.524-.31M18.5%209.985c.116.296.313.555.57.745c.273.188.597.288.929.289v5.797L18.5%2015.317zM8.75%2011.5a.75.75%200%200%201%20.75.75v3.5a.75.75%200%200%201-1.5%200v-3.5a.75.75%200%200%201%20.75-.75M24.981%208a.36.36%200%200%201%20.343.242l.298.918a1.89%201.89%200%200%200%201.2%201.197l.917.3l.019.003a.364.364%200%200%201%20.176.552a.36.36%200%200%201-.176.132l-.92.299a1.9%201.9%200%200%200-1.197%201.197l-.3.918a.363.363%200%200%201-.683%200l-.299-.918a1.9%201.9%200%200%200-1.198-1.202l-.919-.298a.364.364%200%200%201-.176-.552a.36.36%200%200%201%20.176-.132l.92-.299A1.9%201.9%200%200%200%2024.34%209.16l.299-.918A.36.36%200%200%201%2024.98%208m-5.01-8a.605.605%200%200%201%20.57.403l.497%201.53a3.15%203.15%200%200%200%201.998%201.997l1.53.497l.032.007a.606.606%200%200%201%200%201.14l-1.532.496a3.16%203.16%200%200%200-1.998%201.997l-.497%201.53l-.014.038a.605.605%200%200%201-1.126-.038l-.497-1.53a3.15%203.15%200%200%200-1.998-2.004l-1.532-.497a.605.605%200%200%201%200-1.14l1.532-.496a3.16%203.16%200%200%200%201.954-1.96l.012-.037l.498-1.53A.6.6%200%200%201%2019.97%200M14%202a12%2012%200%200%201%203.447.503a2.1%202.1%200%200%201-.838.496l-1.52.5l-.118.045Q14.49%203.499%2014%203.5c-2.085%200-4.027.61-5.66%201.657L7.256%204.073A11.94%2011.94%200%200%201%2014%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%22M2.22%202.22a.75.75%200%200%201%201.06%200l22.5%2022.5a.75.75%200%200%201-1.06%201.06l-2.787-2.787A11.94%2011.94%200%200%201%2014%2026C7.373%2026%202%2020.627%202%2014c0-3.044%201.134-5.822%203.002-7.937L2.22%203.28a.75.75%200%200%201%200-1.06m3.845%204.906A10.46%2010.46%200%200%200%203.5%2014c0%205.799%204.701%2010.5%2010.5%2010.5c2.63%200%205.03-.971%206.871-2.568L13%2014.06v4.189a.75.75%200%200%201-1.5%200v-5.69zm19.921%207.454a11.93%2011.93%200%200%201-2.062%206.161l-1.082-1.082a10.44%2010.44%200%200%200%201.62-4.768a1.37%201.37%200%200%200%201.524-.31M18.5%209.985c.116.296.313.555.57.745c.273.188.597.288.929.289v5.797L18.5%2015.317zM8.75%2011.5a.75.75%200%200%201%20.75.75v3.5a.75.75%200%200%201-1.5%200v-3.5a.75.75%200%200%201%20.75-.75M24.981%208a.36.36%200%200%201%20.343.242l.298.918a1.89%201.89%200%200%200%201.2%201.197l.917.3l.019.003a.364.364%200%200%201%20.176.552a.36.36%200%200%201-.176.132l-.92.299a1.9%201.9%200%200%200-1.197%201.197l-.3.918a.363.363%200%200%201-.683%200l-.299-.918a1.9%201.9%200%200%200-1.198-1.202l-.919-.298a.364.364%200%200%201-.176-.552a.36.36%200%200%201%20.176-.132l.92-.299A1.9%201.9%200%200%200%2024.34%209.16l.299-.918A.36.36%200%200%201%2024.98%208m-5.01-8a.605.605%200%200%201%20.57.403l.497%201.53a3.15%203.15%200%200%200%201.998%201.997l1.53.497l.032.007a.606.606%200%200%201%200%201.14l-1.532.496a3.16%203.16%200%200%200-1.998%201.997l-.497%201.53l-.014.038a.605.605%200%200%201-1.126-.038l-.497-1.53a3.15%203.15%200%200%200-1.998-2.004l-1.532-.497a.605.605%200%200%201%200-1.14l1.532-.496a3.16%203.16%200%200%200%201.954-1.96l.012-.037l.498-1.53A.6.6%200%200%201%2019.97%200M14%202a12%2012%200%200%201%203.447.503a2.1%202.1%200%200%201-.838.496l-1.52.5l-.118.045Q14.49%203.499%2014%203.5c-2.085%200-4.027.61-5.66%201.657L7.256%204.073A11.94%2011.94%200%200%201%2014%202%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/sound-wave-circle-sparkle-off-28-regular.svg?color=%231a73e8&size=48
