sparkles emoji
sparkles from Fluent Emoji High Contrast by Microsoft Corporation · Default · Activities · MIT Free for personal and commercial use.
- Name
- sparkles
- Set
- Fluent Emoji High Contrast
- Style
- Default
- Category
- Activities
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
sparklesAkar IconssparklesEmoji One (Colored)sparklesFramework7 IconssparklesFluent EmojisparklesFluent Emoji FlatsparklesFirefox OS EmojisparklesHeroIconssparklesHuge IconssparklesIonIconssparklesLucidesparklesMajesticonssparkles-fillMingCute IconsparklesMyna UI IconssparklesNoto EmojisparklesOpenMojisparklesPixelarticonssparklesPrime IconssparklesStreamline EmojissparklesTabler IconssparklesTwitter Emoji
More activities icons from Fluent Emoji High Contrast
Use the sparkles emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M10.52 7.052a1.17 1.17 0 0 1-.639-.636L8.93 4.257c-.178-.343-.69-.343-.858 0l-.952 2.16a1.28 1.28 0 0 1-.638.635l-1.214.524a.462.462 0 0 0 0 .838l1.214.524c.293.121.523.353.638.636l.952 2.169c.178.343.69.343.858 0l.952-2.17c.126-.282.356-.504.638-.635l1.214-.524a.462.462 0 0 0 0-.838zm15.054 6.503a3.73 3.73 0 0 1-1.922-1.977L20.79 4.81a1.432 1.432 0 0 0-2.58 0l-2.863 6.768a3.8 3.8 0 0 1-1.921 1.977l-3.622 1.64c-1.072.53-1.072 2.08 0 2.61l3.622 1.64a3.74 3.74 0 0 1 1.922 1.977l2.862 6.768a1.432 1.432 0 0 0 2.58 0l2.863-6.768a3.8 3.8 0 0 1 1.921-1.977l3.622-1.64c1.072-.53 1.072-2.08 0-2.61zM8.281 20.33c.16.392.454.696.822.872l1.55.725a.646.646 0 0 1 0 1.146l-1.55.725c-.368.176-.661.49-.822.872l-1.228 2.977a.61.61 0 0 1-1.106 0L4.72 24.67a1.66 1.66 0 0 0-.822-.872l-1.55-.725a.646.646 0 0 1 0-1.146l1.55-.725c.368-.176.661-.49.822-.872l1.228-2.977a.61.61 0 0 1 1.106 0z"/></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHighContrastSparkles(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="M10.52 7.052a1.17 1.17 0 0 1-.639-.636L8.93 4.257c-.178-.343-.69-.343-.858 0l-.952 2.16a1.28 1.28 0 0 1-.638.635l-1.214.524a.462.462 0 0 0 0 .838l1.214.524c.293.121.523.353.638.636l.952 2.169c.178.343.69.343.858 0l.952-2.17c.126-.282.356-.504.638-.635l1.214-.524a.462.462 0 0 0 0-.838zm15.054 6.503a3.73 3.73 0 0 1-1.922-1.977L20.79 4.81a1.432 1.432 0 0 0-2.58 0l-2.863 6.768a3.8 3.8 0 0 1-1.921 1.977l-3.622 1.64c-1.072.53-1.072 2.08 0 2.61l3.622 1.64a3.74 3.74 0 0 1 1.922 1.977l2.862 6.768a1.432 1.432 0 0 0 2.58 0l2.863-6.768a3.8 3.8 0 0 1 1.921-1.977l3.622-1.64c1.072-.53 1.072-2.08 0-2.61zM8.281 20.33c.16.392.454.696.822.872l1.55.725a.646.646 0 0 1 0 1.146l-1.55.725c-.368.176-.661.49-.822.872l-1.228 2.977a.61.61 0 0 1-1.106 0L4.72 24.67a1.66 1.66 0 0 0-.822-.872l-1.55-.725a.646.646 0 0 1 0-1.146l1.55-.725c.368-.176.661-.49.822-.872l1.228-2.977a.61.61 0 0 1 1.106 0z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M10.52 7.052a1.17 1.17 0 0 1-.639-.636L8.93 4.257c-.178-.343-.69-.343-.858 0l-.952 2.16a1.28 1.28 0 0 1-.638.635l-1.214.524a.462.462 0 0 0 0 .838l1.214.524c.293.121.523.353.638.636l.952 2.169c.178.343.69.343.858 0l.952-2.17c.126-.282.356-.504.638-.635l1.214-.524a.462.462 0 0 0 0-.838zm15.054 6.503a3.73 3.73 0 0 1-1.922-1.977L20.79 4.81a1.432 1.432 0 0 0-2.58 0l-2.863 6.768a3.8 3.8 0 0 1-1.921 1.977l-3.622 1.64c-1.072.53-1.072 2.08 0 2.61l3.622 1.64a3.74 3.74 0 0 1 1.922 1.977l2.862 6.768a1.432 1.432 0 0 0 2.58 0l2.863-6.768a3.8 3.8 0 0 1 1.921-1.977l3.622-1.64c1.072-.53 1.072-2.08 0-2.61zM8.281 20.33c.16.392.454.696.822.872l1.55.725a.646.646 0 0 1 0 1.146l-1.55.725c-.368.176-.661.49-.822.872l-1.228 2.977a.61.61 0 0 1-1.106 0L4.72 24.67a1.66 1.66 0 0 0-.822-.872l-1.55-.725a.646.646 0 0 1 0-1.146l1.55-.725c.368-.176.661-.49.822-.872l1.228-2.977a.61.61 0 0 1 1.106 0z"/></svg> </template>
CSS
.icon-sparkles {
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%22M10.52%207.052a1.17%201.17%200%200%201-.639-.636L8.93%204.257c-.178-.343-.69-.343-.858%200l-.952%202.16a1.28%201.28%200%200%201-.638.635l-1.214.524a.462.462%200%200%200%200%20.838l1.214.524c.293.121.523.353.638.636l.952%202.169c.178.343.69.343.858%200l.952-2.17c.126-.282.356-.504.638-.635l1.214-.524a.462.462%200%200%200%200-.838zm15.054%206.503a3.73%203.73%200%200%201-1.922-1.977L20.79%204.81a1.432%201.432%200%200%200-2.58%200l-2.863%206.768a3.8%203.8%200%200%201-1.921%201.977l-3.622%201.64c-1.072.53-1.072%202.08%200%202.61l3.622%201.64a3.74%203.74%200%200%201%201.922%201.977l2.862%206.768a1.432%201.432%200%200%200%202.58%200l2.863-6.768a3.8%203.8%200%200%201%201.921-1.977l3.622-1.64c1.072-.53%201.072-2.08%200-2.61zM8.281%2020.33c.16.392.454.696.822.872l1.55.725a.646.646%200%200%201%200%201.146l-1.55.725c-.368.176-.661.49-.822.872l-1.228%202.977a.61.61%200%200%201-1.106%200L4.72%2024.67a1.66%201.66%200%200%200-.822-.872l-1.55-.725a.646.646%200%200%201%200-1.146l1.55-.725c.368-.176.661-.49.822-.872l1.228-2.977a.61.61%200%200%201%201.106%200z%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%22M10.52%207.052a1.17%201.17%200%200%201-.639-.636L8.93%204.257c-.178-.343-.69-.343-.858%200l-.952%202.16a1.28%201.28%200%200%201-.638.635l-1.214.524a.462.462%200%200%200%200%20.838l1.214.524c.293.121.523.353.638.636l.952%202.169c.178.343.69.343.858%200l.952-2.17c.126-.282.356-.504.638-.635l1.214-.524a.462.462%200%200%200%200-.838zm15.054%206.503a3.73%203.73%200%200%201-1.922-1.977L20.79%204.81a1.432%201.432%200%200%200-2.58%200l-2.863%206.768a3.8%203.8%200%200%201-1.921%201.977l-3.622%201.64c-1.072.53-1.072%202.08%200%202.61l3.622%201.64a3.74%203.74%200%200%201%201.922%201.977l2.862%206.768a1.432%201.432%200%200%200%202.58%200l2.863-6.768a3.8%203.8%200%200%201%201.921-1.977l3.622-1.64c1.072-.53%201.072-2.08%200-2.61zM8.281%2020.33c.16.392.454.696.822.872l1.55.725a.646.646%200%200%201%200%201.146l-1.55.725c-.368.176-.661.49-.822.872l-1.228%202.977a.61.61%200%200%201-1.106%200L4.72%2024.67a1.66%201.66%200%200%200-.822-.872l-1.55-.725a.646.646%200%200%201%200-1.146l1.55-.725c.368-.176.661-.49.822-.872l1.228-2.977a.61.61%200%200%201%201.106%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/sparkles.svg?color=%231a73e8&size=48
