sparkle off icon
sparkle-off-24-filled from Fluent UI System Icons by Microsoft Corporation · 24 Filled · MIT Free for personal and commercial use.
- Name
- sparkle-off-24-filled
- Set
- Fluent UI System Icons
- Style
- 24 Filled
- Viewbox
- 24×24
- License
- MIT
13 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
Use the sparkle off icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.72 2.22a.75.75 0 0 1 1.06 1.06l-5.835 5.835q.052.179.055.365a1.44 1.44 0 0 1-.964 1.39l-1.252.405l-2.52 2.52l-.436 1.328a1.44 1.44 0 0 1-1.327.872V16q-.198 0-.387-.054L3.28 21.78a.75.75 0 0 1-1.06-1.06zm-3.747 10.785a1.14 1.14 0 0 1 1.086.754l.329 1.014a1.3 1.3 0 0 0 .82.816l.991.323A1.145 1.145 0 0 1 21 16.98a1.14 1.14 0 0 1-.762 1.097l-1.013.33a1.3 1.3 0 0 0-.818.821l-.322.989a1.146 1.146 0 0 1-1.753.565a1.13 1.13 0 0 1-.41-.549l-.328-1.007a1.3 1.3 0 0 0-.821-.822l-.992-.324a1.15 1.15 0 0 1-.78-1.083a1.14 1.14 0 0 1 .77-1.08l1.006-.326a1.3 1.3 0 0 0 .801-.82l.323-.99a1.15 1.15 0 0 1 1.072-.776M9.455 2.998a1.45 1.45 0 0 1 1.374.961l.578 1.777A2.88 2.88 0 0 0 13.23 7.56l.023.006L7.56 13.26a2.87 2.87 0 0 0-1.822-1.826l-1.754-.569a1.46 1.46 0 0 1-.967-1.148a1.45 1.45 0 0 1 .95-1.586l1.777-.571a2.88 2.88 0 0 0 1.77-1.787l.583-1.792a1.45 1.45 0 0 1 1.358-.982"/></svg>
React
import type { SVGProps } from "react";
export function FluentSparkleOff24Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.72 2.22a.75.75 0 0 1 1.06 1.06l-5.835 5.835q.052.179.055.365a1.44 1.44 0 0 1-.964 1.39l-1.252.405l-2.52 2.52l-.436 1.328a1.44 1.44 0 0 1-1.327.872V16q-.198 0-.387-.054L3.28 21.78a.75.75 0 0 1-1.06-1.06zm-3.747 10.785a1.14 1.14 0 0 1 1.086.754l.329 1.014a1.3 1.3 0 0 0 .82.816l.991.323A1.145 1.145 0 0 1 21 16.98a1.14 1.14 0 0 1-.762 1.097l-1.013.33a1.3 1.3 0 0 0-.818.821l-.322.989a1.146 1.146 0 0 1-1.753.565a1.13 1.13 0 0 1-.41-.549l-.328-1.007a1.3 1.3 0 0 0-.821-.822l-.992-.324a1.15 1.15 0 0 1-.78-1.083a1.14 1.14 0 0 1 .77-1.08l1.006-.326a1.3 1.3 0 0 0 .801-.82l.323-.99a1.15 1.15 0 0 1 1.072-.776M9.455 2.998a1.45 1.45 0 0 1 1.374.961l.578 1.777A2.88 2.88 0 0 0 13.23 7.56l.023.006L7.56 13.26a2.87 2.87 0 0 0-1.822-1.826l-1.754-.569a1.46 1.46 0 0 1-.967-1.148a1.45 1.45 0 0 1 .95-1.586l1.777-.571a2.88 2.88 0 0 0 1.77-1.787l.583-1.792a1.45 1.45 0 0 1 1.358-.982"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.72 2.22a.75.75 0 0 1 1.06 1.06l-5.835 5.835q.052.179.055.365a1.44 1.44 0 0 1-.964 1.39l-1.252.405l-2.52 2.52l-.436 1.328a1.44 1.44 0 0 1-1.327.872V16q-.198 0-.387-.054L3.28 21.78a.75.75 0 0 1-1.06-1.06zm-3.747 10.785a1.14 1.14 0 0 1 1.086.754l.329 1.014a1.3 1.3 0 0 0 .82.816l.991.323A1.145 1.145 0 0 1 21 16.98a1.14 1.14 0 0 1-.762 1.097l-1.013.33a1.3 1.3 0 0 0-.818.821l-.322.989a1.146 1.146 0 0 1-1.753.565a1.13 1.13 0 0 1-.41-.549l-.328-1.007a1.3 1.3 0 0 0-.821-.822l-.992-.324a1.15 1.15 0 0 1-.78-1.083a1.14 1.14 0 0 1 .77-1.08l1.006-.326a1.3 1.3 0 0 0 .801-.82l.323-.99a1.15 1.15 0 0 1 1.072-.776M9.455 2.998a1.45 1.45 0 0 1 1.374.961l.578 1.777A2.88 2.88 0 0 0 13.23 7.56l.023.006L7.56 13.26a2.87 2.87 0 0 0-1.822-1.826l-1.754-.569a1.46 1.46 0 0 1-.967-1.148a1.45 1.45 0 0 1 .95-1.586l1.777-.571a2.88 2.88 0 0 0 1.77-1.787l.583-1.792a1.45 1.45 0 0 1 1.358-.982"/></svg> </template>
CSS
.icon-sparkle-off-24-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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20.72%202.22a.75.75%200%200%201%201.06%201.06l-5.835%205.835q.052.179.055.365a1.44%201.44%200%200%201-.964%201.39l-1.252.405l-2.52%202.52l-.436%201.328a1.44%201.44%200%200%201-1.327.872V16q-.198%200-.387-.054L3.28%2021.78a.75.75%200%200%201-1.06-1.06zm-3.747%2010.785a1.14%201.14%200%200%201%201.086.754l.329%201.014a1.3%201.3%200%200%200%20.82.816l.991.323A1.145%201.145%200%200%201%2021%2016.98a1.14%201.14%200%200%201-.762%201.097l-1.013.33a1.3%201.3%200%200%200-.818.821l-.322.989a1.146%201.146%200%200%201-1.753.565a1.13%201.13%200%200%201-.41-.549l-.328-1.007a1.3%201.3%200%200%200-.821-.822l-.992-.324a1.15%201.15%200%200%201-.78-1.083a1.14%201.14%200%200%201%20.77-1.08l1.006-.326a1.3%201.3%200%200%200%20.801-.82l.323-.99a1.15%201.15%200%200%201%201.072-.776M9.455%202.998a1.45%201.45%200%200%201%201.374.961l.578%201.777A2.88%202.88%200%200%200%2013.23%207.56l.023.006L7.56%2013.26a2.87%202.87%200%200%200-1.822-1.826l-1.754-.569a1.46%201.46%200%200%201-.967-1.148a1.45%201.45%200%200%201%20.95-1.586l1.777-.571a2.88%202.88%200%200%200%201.77-1.787l.583-1.792a1.45%201.45%200%200%201%201.358-.982%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20.72%202.22a.75.75%200%200%201%201.06%201.06l-5.835%205.835q.052.179.055.365a1.44%201.44%200%200%201-.964%201.39l-1.252.405l-2.52%202.52l-.436%201.328a1.44%201.44%200%200%201-1.327.872V16q-.198%200-.387-.054L3.28%2021.78a.75.75%200%200%201-1.06-1.06zm-3.747%2010.785a1.14%201.14%200%200%201%201.086.754l.329%201.014a1.3%201.3%200%200%200%20.82.816l.991.323A1.145%201.145%200%200%201%2021%2016.98a1.14%201.14%200%200%201-.762%201.097l-1.013.33a1.3%201.3%200%200%200-.818.821l-.322.989a1.146%201.146%200%200%201-1.753.565a1.13%201.13%200%200%201-.41-.549l-.328-1.007a1.3%201.3%200%200%200-.821-.822l-.992-.324a1.15%201.15%200%200%201-.78-1.083a1.14%201.14%200%200%201%20.77-1.08l1.006-.326a1.3%201.3%200%200%200%20.801-.82l.323-.99a1.15%201.15%200%200%201%201.072-.776M9.455%202.998a1.45%201.45%200%200%201%201.374.961l.578%201.777A2.88%202.88%200%200%200%2013.23%207.56l.023.006L7.56%2013.26a2.87%202.87%200%200%200-1.822-1.826l-1.754-.569a1.46%201.46%200%200%201-.967-1.148a1.45%201.45%200%200%201%20.95-1.586l1.777-.571a2.88%202.88%200%200%200%201.77-1.787l.583-1.792a1.45%201.45%200%200%201%201.358-.982%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/sparkle-off-24-filled.svg?color=%231a73e8&size=48
