sparkle icon
sparkle-32-regular from Fluent UI System Icons by Microsoft Corporation · 32 Regular · MIT Free for personal and commercial use.
- Name
- sparkle-32-regular
- Set
- Fluent UI System Icons
- Style
- 32 Regular
- Viewbox
- 32×32
- License
- MIT
13 other variants in Fluent UI System Icons
The same icon in other sets
Related icons in Fluent UI System Icons
Use the sparkle icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M3.395 13.208c.253.35.61.613 1.019.75l2.4.782a3.85 3.85 0 0 1 1.825 1.294c.266.344.472.73.608 1.144l.792 2.43A2.07 2.07 0 0 0 11.999 21a2.06 2.06 0 0 0 1.205-.383c.353-.26.62-.62.767-1.033l.781-2.402c.19-.566.508-1.08.93-1.504a3.8 3.8 0 0 1 1.495-.925l2.444-.794a2.076 2.076 0 0 0 .999-3.152a2.13 2.13 0 0 0-1.082-.788l-2.406-.779a3.83 3.83 0 0 1-2.43-2.426l-.794-2.44a2.06 2.06 0 0 0-.756-1a2.11 2.11 0 0 0-2.4 0a2.07 2.07 0 0 0-.77 1.03L9.184 6.86a3.85 3.85 0 0 1-2.36 2.381l-2.44.79a2.077 2.077 0 0 0-.99 3.178M12.007 19h-.012a.07.07 0 0 1-.065-.043l-.782-2.399l-.001-.005a5.8 5.8 0 0 0-.927-1.744l-.002-.003a5.85 5.85 0 0 0-2.768-1.963l-.008-.002l-2.393-.779A.08.08 0 0 1 5 11.99a.08.08 0 0 1 .044-.07l2.42-.785l.025-.009a5.85 5.85 0 0 0 3.587-3.619l.005-.015l.798-2.451q.006-.016.018-.027a.11.11 0 0 1 .11 0q.008.007.012.018l.782 2.4l.004.012a5.83 5.83 0 0 0 3.7 3.695l2.416.783l.008.002a.13.13 0 0 1 .06.042a.07.07 0 0 1-.002.079l-.001.002a.1.1 0 0 1-.029.024l-2.398.78l-.012.004a5.8 5.8 0 0 0-2.282 1.411a5.9 5.9 0 0 0-1.41 2.281l-.002.009l-.77 2.368a.2.2 0 0 1-.05.07zm13.646.841a2.33 2.33 0 0 0 1.474 1.468l1.655.54a1.732 1.732 0 0 1 .05 3.292l-1.673.546a2.3 2.3 0 0 0-.91.56a2.36 2.36 0 0 0-.563.912l-.538 1.65a1.76 1.76 0 0 1-.65.866a1.73 1.73 0 0 1-.994.325a1.73 1.73 0 0 1-1.64-1.16l-.548-1.676a2.3 2.3 0 0 0-.559-.914a2.36 2.36 0 0 0-.914-.565l-1.653-.535a1.75 1.75 0 0 1-.867-.65a1.732 1.732 0 0 1 .841-2.643l1.681-.548a2.33 2.33 0 0 0 1.439-1.47l.535-1.65a1.732 1.732 0 0 1 2.654-.866c.295.207.517.502.634.842zm.843 3.366a4.33 4.33 0 0 1-2.739-2.729l-.003-.009l-.287-.88l-.285.88c-.21.63-.56 1.204-1.024 1.679l-.005.005a4.3 4.3 0 0 1-1.644 1.043l-.022.007l-.905.295l.887.287l.01.004c.636.213 1.214.57 1.69 1.044l.002.002c.48.48.838 1.065 1.047 1.71l.001.004l.282.86l.286-.878l.003-.008a4.36 4.36 0 0 1 1.04-1.684a4.3 4.3 0 0 1 1.709-1.053l.866-.283z"/></svg>
React
import type { SVGProps } from "react";
export function FluentSparkle32Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M3.395 13.208c.253.35.61.613 1.019.75l2.4.782a3.85 3.85 0 0 1 1.825 1.294c.266.344.472.73.608 1.144l.792 2.43A2.07 2.07 0 0 0 11.999 21a2.06 2.06 0 0 0 1.205-.383c.353-.26.62-.62.767-1.033l.781-2.402c.19-.566.508-1.08.93-1.504a3.8 3.8 0 0 1 1.495-.925l2.444-.794a2.076 2.076 0 0 0 .999-3.152a2.13 2.13 0 0 0-1.082-.788l-2.406-.779a3.83 3.83 0 0 1-2.43-2.426l-.794-2.44a2.06 2.06 0 0 0-.756-1a2.11 2.11 0 0 0-2.4 0a2.07 2.07 0 0 0-.77 1.03L9.184 6.86a3.85 3.85 0 0 1-2.36 2.381l-2.44.79a2.077 2.077 0 0 0-.99 3.178M12.007 19h-.012a.07.07 0 0 1-.065-.043l-.782-2.399l-.001-.005a5.8 5.8 0 0 0-.927-1.744l-.002-.003a5.85 5.85 0 0 0-2.768-1.963l-.008-.002l-2.393-.779A.08.08 0 0 1 5 11.99a.08.08 0 0 1 .044-.07l2.42-.785l.025-.009a5.85 5.85 0 0 0 3.587-3.619l.005-.015l.798-2.451q.006-.016.018-.027a.11.11 0 0 1 .11 0q.008.007.012.018l.782 2.4l.004.012a5.83 5.83 0 0 0 3.7 3.695l2.416.783l.008.002a.13.13 0 0 1 .06.042a.07.07 0 0 1-.002.079l-.001.002a.1.1 0 0 1-.029.024l-2.398.78l-.012.004a5.8 5.8 0 0 0-2.282 1.411a5.9 5.9 0 0 0-1.41 2.281l-.002.009l-.77 2.368a.2.2 0 0 1-.05.07zm13.646.841a2.33 2.33 0 0 0 1.474 1.468l1.655.54a1.732 1.732 0 0 1 .05 3.292l-1.673.546a2.3 2.3 0 0 0-.91.56a2.36 2.36 0 0 0-.563.912l-.538 1.65a1.76 1.76 0 0 1-.65.866a1.73 1.73 0 0 1-.994.325a1.73 1.73 0 0 1-1.64-1.16l-.548-1.676a2.3 2.3 0 0 0-.559-.914a2.36 2.36 0 0 0-.914-.565l-1.653-.535a1.75 1.75 0 0 1-.867-.65a1.732 1.732 0 0 1 .841-2.643l1.681-.548a2.33 2.33 0 0 0 1.439-1.47l.535-1.65a1.732 1.732 0 0 1 2.654-.866c.295.207.517.502.634.842zm.843 3.366a4.33 4.33 0 0 1-2.739-2.729l-.003-.009l-.287-.88l-.285.88c-.21.63-.56 1.204-1.024 1.679l-.005.005a4.3 4.3 0 0 1-1.644 1.043l-.022.007l-.905.295l.887.287l.01.004c.636.213 1.214.57 1.69 1.044l.002.002c.48.48.838 1.065 1.047 1.71l.001.004l.282.86l.286-.878l.003-.008a4.36 4.36 0 0 1 1.04-1.684a4.3 4.3 0 0 1 1.709-1.053l.866-.283z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M3.395 13.208c.253.35.61.613 1.019.75l2.4.782a3.85 3.85 0 0 1 1.825 1.294c.266.344.472.73.608 1.144l.792 2.43A2.07 2.07 0 0 0 11.999 21a2.06 2.06 0 0 0 1.205-.383c.353-.26.62-.62.767-1.033l.781-2.402c.19-.566.508-1.08.93-1.504a3.8 3.8 0 0 1 1.495-.925l2.444-.794a2.076 2.076 0 0 0 .999-3.152a2.13 2.13 0 0 0-1.082-.788l-2.406-.779a3.83 3.83 0 0 1-2.43-2.426l-.794-2.44a2.06 2.06 0 0 0-.756-1a2.11 2.11 0 0 0-2.4 0a2.07 2.07 0 0 0-.77 1.03L9.184 6.86a3.85 3.85 0 0 1-2.36 2.381l-2.44.79a2.077 2.077 0 0 0-.99 3.178M12.007 19h-.012a.07.07 0 0 1-.065-.043l-.782-2.399l-.001-.005a5.8 5.8 0 0 0-.927-1.744l-.002-.003a5.85 5.85 0 0 0-2.768-1.963l-.008-.002l-2.393-.779A.08.08 0 0 1 5 11.99a.08.08 0 0 1 .044-.07l2.42-.785l.025-.009a5.85 5.85 0 0 0 3.587-3.619l.005-.015l.798-2.451q.006-.016.018-.027a.11.11 0 0 1 .11 0q.008.007.012.018l.782 2.4l.004.012a5.83 5.83 0 0 0 3.7 3.695l2.416.783l.008.002a.13.13 0 0 1 .06.042a.07.07 0 0 1-.002.079l-.001.002a.1.1 0 0 1-.029.024l-2.398.78l-.012.004a5.8 5.8 0 0 0-2.282 1.411a5.9 5.9 0 0 0-1.41 2.281l-.002.009l-.77 2.368a.2.2 0 0 1-.05.07zm13.646.841a2.33 2.33 0 0 0 1.474 1.468l1.655.54a1.732 1.732 0 0 1 .05 3.292l-1.673.546a2.3 2.3 0 0 0-.91.56a2.36 2.36 0 0 0-.563.912l-.538 1.65a1.76 1.76 0 0 1-.65.866a1.73 1.73 0 0 1-.994.325a1.73 1.73 0 0 1-1.64-1.16l-.548-1.676a2.3 2.3 0 0 0-.559-.914a2.36 2.36 0 0 0-.914-.565l-1.653-.535a1.75 1.75 0 0 1-.867-.65a1.732 1.732 0 0 1 .841-2.643l1.681-.548a2.33 2.33 0 0 0 1.439-1.47l.535-1.65a1.732 1.732 0 0 1 2.654-.866c.295.207.517.502.634.842zm.843 3.366a4.33 4.33 0 0 1-2.739-2.729l-.003-.009l-.287-.88l-.285.88c-.21.63-.56 1.204-1.024 1.679l-.005.005a4.3 4.3 0 0 1-1.644 1.043l-.022.007l-.905.295l.887.287l.01.004c.636.213 1.214.57 1.69 1.044l.002.002c.48.48.838 1.065 1.047 1.71l.001.004l.282.86l.286-.878l.003-.008a4.36 4.36 0 0 1 1.04-1.684a4.3 4.3 0 0 1 1.709-1.053l.866-.283z"/></svg> </template>
CSS
.icon-sparkle-32-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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.395%2013.208c.253.35.61.613%201.019.75l2.4.782a3.85%203.85%200%200%201%201.825%201.294c.266.344.472.73.608%201.144l.792%202.43A2.07%202.07%200%200%200%2011.999%2021a2.06%202.06%200%200%200%201.205-.383c.353-.26.62-.62.767-1.033l.781-2.402c.19-.566.508-1.08.93-1.504a3.8%203.8%200%200%201%201.495-.925l2.444-.794a2.076%202.076%200%200%200%20.999-3.152a2.13%202.13%200%200%200-1.082-.788l-2.406-.779a3.83%203.83%200%200%201-2.43-2.426l-.794-2.44a2.06%202.06%200%200%200-.756-1a2.11%202.11%200%200%200-2.4%200a2.07%202.07%200%200%200-.77%201.03L9.184%206.86a3.85%203.85%200%200%201-2.36%202.381l-2.44.79a2.077%202.077%200%200%200-.99%203.178M12.007%2019h-.012a.07.07%200%200%201-.065-.043l-.782-2.399l-.001-.005a5.8%205.8%200%200%200-.927-1.744l-.002-.003a5.85%205.85%200%200%200-2.768-1.963l-.008-.002l-2.393-.779A.08.08%200%200%201%205%2011.99a.08.08%200%200%201%20.044-.07l2.42-.785l.025-.009a5.85%205.85%200%200%200%203.587-3.619l.005-.015l.798-2.451q.006-.016.018-.027a.11.11%200%200%201%20.11%200q.008.007.012.018l.782%202.4l.004.012a5.83%205.83%200%200%200%203.7%203.695l2.416.783l.008.002a.13.13%200%200%201%20.06.042a.07.07%200%200%201-.002.079l-.001.002a.1.1%200%200%201-.029.024l-2.398.78l-.012.004a5.8%205.8%200%200%200-2.282%201.411a5.9%205.9%200%200%200-1.41%202.281l-.002.009l-.77%202.368a.2.2%200%200%201-.05.07zm13.646.841a2.33%202.33%200%200%200%201.474%201.468l1.655.54a1.732%201.732%200%200%201%20.05%203.292l-1.673.546a2.3%202.3%200%200%200-.91.56a2.36%202.36%200%200%200-.563.912l-.538%201.65a1.76%201.76%200%200%201-.65.866a1.73%201.73%200%200%201-.994.325a1.73%201.73%200%200%201-1.64-1.16l-.548-1.676a2.3%202.3%200%200%200-.559-.914a2.36%202.36%200%200%200-.914-.565l-1.653-.535a1.75%201.75%200%200%201-.867-.65a1.732%201.732%200%200%201%20.841-2.643l1.681-.548a2.33%202.33%200%200%200%201.439-1.47l.535-1.65a1.732%201.732%200%200%201%202.654-.866c.295.207.517.502.634.842zm.843%203.366a4.33%204.33%200%200%201-2.739-2.729l-.003-.009l-.287-.88l-.285.88c-.21.63-.56%201.204-1.024%201.679l-.005.005a4.3%204.3%200%200%201-1.644%201.043l-.022.007l-.905.295l.887.287l.01.004c.636.213%201.214.57%201.69%201.044l.002.002c.48.48.838%201.065%201.047%201.71l.001.004l.282.86l.286-.878l.003-.008a4.36%204.36%200%200%201%201.04-1.684a4.3%204.3%200%200%201%201.709-1.053l.866-.283z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.395%2013.208c.253.35.61.613%201.019.75l2.4.782a3.85%203.85%200%200%201%201.825%201.294c.266.344.472.73.608%201.144l.792%202.43A2.07%202.07%200%200%200%2011.999%2021a2.06%202.06%200%200%200%201.205-.383c.353-.26.62-.62.767-1.033l.781-2.402c.19-.566.508-1.08.93-1.504a3.8%203.8%200%200%201%201.495-.925l2.444-.794a2.076%202.076%200%200%200%20.999-3.152a2.13%202.13%200%200%200-1.082-.788l-2.406-.779a3.83%203.83%200%200%201-2.43-2.426l-.794-2.44a2.06%202.06%200%200%200-.756-1a2.11%202.11%200%200%200-2.4%200a2.07%202.07%200%200%200-.77%201.03L9.184%206.86a3.85%203.85%200%200%201-2.36%202.381l-2.44.79a2.077%202.077%200%200%200-.99%203.178M12.007%2019h-.012a.07.07%200%200%201-.065-.043l-.782-2.399l-.001-.005a5.8%205.8%200%200%200-.927-1.744l-.002-.003a5.85%205.85%200%200%200-2.768-1.963l-.008-.002l-2.393-.779A.08.08%200%200%201%205%2011.99a.08.08%200%200%201%20.044-.07l2.42-.785l.025-.009a5.85%205.85%200%200%200%203.587-3.619l.005-.015l.798-2.451q.006-.016.018-.027a.11.11%200%200%201%20.11%200q.008.007.012.018l.782%202.4l.004.012a5.83%205.83%200%200%200%203.7%203.695l2.416.783l.008.002a.13.13%200%200%201%20.06.042a.07.07%200%200%201-.002.079l-.001.002a.1.1%200%200%201-.029.024l-2.398.78l-.012.004a5.8%205.8%200%200%200-2.282%201.411a5.9%205.9%200%200%200-1.41%202.281l-.002.009l-.77%202.368a.2.2%200%200%201-.05.07zm13.646.841a2.33%202.33%200%200%200%201.474%201.468l1.655.54a1.732%201.732%200%200%201%20.05%203.292l-1.673.546a2.3%202.3%200%200%200-.91.56a2.36%202.36%200%200%200-.563.912l-.538%201.65a1.76%201.76%200%200%201-.65.866a1.73%201.73%200%200%201-.994.325a1.73%201.73%200%200%201-1.64-1.16l-.548-1.676a2.3%202.3%200%200%200-.559-.914a2.36%202.36%200%200%200-.914-.565l-1.653-.535a1.75%201.75%200%200%201-.867-.65a1.732%201.732%200%200%201%20.841-2.643l1.681-.548a2.33%202.33%200%200%200%201.439-1.47l.535-1.65a1.732%201.732%200%200%201%202.654-.866c.295.207.517.502.634.842zm.843%203.366a4.33%204.33%200%200%201-2.739-2.729l-.003-.009l-.287-.88l-.285.88c-.21.63-.56%201.204-1.024%201.679l-.005.005a4.3%204.3%200%200%201-1.644%201.043l-.022.007l-.905.295l.887.287l.01.004c.636.213%201.214.57%201.69%201.044l.002.002c.48.48.838%201.065%201.047%201.71l.001.004l.282.86l.286-.878l.003-.008a4.36%204.36%200%200%201%201.04-1.684a4.3%204.3%200%200%201%201.709-1.053l.866-.283z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/sparkle-32-regular.svg?color=%231a73e8&size=48
