sparkler emoji
sparkler from Fluent Emoji High Contrast by Microsoft Corporation · Default · Activities · MIT Free for personal and commercial use.
- Name
- sparkler
- Set
- Fluent Emoji High Contrast
- Style
- Default
- Category
- Activities
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More activities icons from Fluent Emoji High Contrast
Use the sparkler emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M11.695 7.96a.5.5 0 1 0-.39-.92a.5.5 0 0 0 .39.92m8.157 17.895A.499.499 0 0 0 19.5 25a.5.5 0 0 0-.5.5a.5.5 0 0 0 .852.355M6.5 13a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1M26 20.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0M6.5 21a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1m19.53-8.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0m-13.05 13a.5.5 0 1 1-.299-.458l.014.007a.5.5 0 0 1 .285.451M21 7.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0m3.245 1.392a.446.446 0 0 0-.63-.63l-2.39 2.39a.446.446 0 0 0 .63.63zm-8.255-4.05c.246 0 .445.2.445.445v3.38a.445.445 0 0 1-.89 0v-3.38c0-.246.2-.445.445-.445m.445 19.535a.445.445 0 0 0-.89 0v3.38a.445.445 0 1 0 .89 0zM7.725 8.262a.445.445 0 0 1 .63 0l2.39 2.39a.446.446 0 0 1-.63.63l-2.39-2.39a.445.445 0 0 1 0-.63m14.13 13.5a.446.446 0 0 0-.63.63l2.39 2.39a.445.445 0 1 0 .63-.63zm-17.55-5.245c0-.246.2-.445.445-.445h3.38a.445.445 0 1 1 0 .89H4.75a.445.445 0 0 1-.445-.445m19.535-.445a.445.445 0 1 0 0 .89h3.38a.445.445 0 1 0 0-.89z"/><path d="M1 5.68A4.683 4.683 0 0 1 5.68 1h20.64A4.683 4.683 0 0 1 31 5.68v20.64A4.683 4.683 0 0 1 26.32 31H5.68A4.683 4.683 0 0 1 1 26.32zM5.68 3A2.683 2.683 0 0 0 3 5.68v20.64c0 .547.165 1.056.447 1.48l8.679-8.679l-3.156.676c-.37.08-.57-.41-.26-.62l3.65-2.36c.21-.13.21-.44 0-.57l-3.65-2.36c-.32-.21-.11-.7.26-.62l4.25.91c.24.05.46-.16.4-.4l-.91-4.25c-.08-.37.41-.57.62-.26l2.36 3.65c.13.21.44.21.57 0l2.36-3.65c.21-.32.7-.11.62.26l-.91 4.25c-.05.24.16.46.4.4l4.25-.91c.37-.08.57.41.26.62l-3.65 2.36c-.21.13-.21.44 0 .57l3.65 2.36c.32.21.11.7-.26.62l-4.25-.91c-.24-.05-.46.16-.4.4l.91 4.25c.08.37-.41.57-.62.26l-2.36-3.65a.337.337 0 0 0-.57 0l-2.36 3.65c-.21.32-.7.11-.62-.26l.711-3.321l-8.632 8.632c.28.098.579.152.891.152h20.64A2.683 2.683 0 0 0 29 26.32V5.68A2.683 2.683 0 0 0 26.32 3z"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHighContrastSparkler(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M11.695 7.96a.5.5 0 1 0-.39-.92a.5.5 0 0 0 .39.92m8.157 17.895A.499.499 0 0 0 19.5 25a.5.5 0 0 0-.5.5a.5.5 0 0 0 .852.355M6.5 13a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1M26 20.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0M6.5 21a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1m19.53-8.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0m-13.05 13a.5.5 0 1 1-.299-.458l.014.007a.5.5 0 0 1 .285.451M21 7.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0m3.245 1.392a.446.446 0 0 0-.63-.63l-2.39 2.39a.446.446 0 0 0 .63.63zm-8.255-4.05c.246 0 .445.2.445.445v3.38a.445.445 0 0 1-.89 0v-3.38c0-.246.2-.445.445-.445m.445 19.535a.445.445 0 0 0-.89 0v3.38a.445.445 0 1 0 .89 0zM7.725 8.262a.445.445 0 0 1 .63 0l2.39 2.39a.446.446 0 0 1-.63.63l-2.39-2.39a.445.445 0 0 1 0-.63m14.13 13.5a.446.446 0 0 0-.63.63l2.39 2.39a.445.445 0 1 0 .63-.63zm-17.55-5.245c0-.246.2-.445.445-.445h3.38a.445.445 0 1 1 0 .89H4.75a.445.445 0 0 1-.445-.445m19.535-.445a.445.445 0 1 0 0 .89h3.38a.445.445 0 1 0 0-.89z"/><path d="M1 5.68A4.683 4.683 0 0 1 5.68 1h20.64A4.683 4.683 0 0 1 31 5.68v20.64A4.683 4.683 0 0 1 26.32 31H5.68A4.683 4.683 0 0 1 1 26.32zM5.68 3A2.683 2.683 0 0 0 3 5.68v20.64c0 .547.165 1.056.447 1.48l8.679-8.679l-3.156.676c-.37.08-.57-.41-.26-.62l3.65-2.36c.21-.13.21-.44 0-.57l-3.65-2.36c-.32-.21-.11-.7.26-.62l4.25.91c.24.05.46-.16.4-.4l-.91-4.25c-.08-.37.41-.57.62-.26l2.36 3.65c.13.21.44.21.57 0l2.36-3.65c.21-.32.7-.11.62.26l-.91 4.25c-.05.24.16.46.4.4l4.25-.91c.37-.08.57.41.26.62l-3.65 2.36c-.21.13-.21.44 0 .57l3.65 2.36c.32.21.11.7-.26.62l-4.25-.91c-.24-.05-.46.16-.4.4l.91 4.25c.08.37-.41.57-.62.26l-2.36-3.65a.337.337 0 0 0-.57 0l-2.36 3.65c-.21.32-.7.11-.62-.26l.711-3.321l-8.632 8.632c.28.098.579.152.891.152h20.64A2.683 2.683 0 0 0 29 26.32V5.68A2.683 2.683 0 0 0 26.32 3z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M11.695 7.96a.5.5 0 1 0-.39-.92a.5.5 0 0 0 .39.92m8.157 17.895A.499.499 0 0 0 19.5 25a.5.5 0 0 0-.5.5a.5.5 0 0 0 .852.355M6.5 13a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1M26 20.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0M6.5 21a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1m19.53-8.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0m-13.05 13a.5.5 0 1 1-.299-.458l.014.007a.5.5 0 0 1 .285.451M21 7.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0m3.245 1.392a.446.446 0 0 0-.63-.63l-2.39 2.39a.446.446 0 0 0 .63.63zm-8.255-4.05c.246 0 .445.2.445.445v3.38a.445.445 0 0 1-.89 0v-3.38c0-.246.2-.445.445-.445m.445 19.535a.445.445 0 0 0-.89 0v3.38a.445.445 0 1 0 .89 0zM7.725 8.262a.445.445 0 0 1 .63 0l2.39 2.39a.446.446 0 0 1-.63.63l-2.39-2.39a.445.445 0 0 1 0-.63m14.13 13.5a.446.446 0 0 0-.63.63l2.39 2.39a.445.445 0 1 0 .63-.63zm-17.55-5.245c0-.246.2-.445.445-.445h3.38a.445.445 0 1 1 0 .89H4.75a.445.445 0 0 1-.445-.445m19.535-.445a.445.445 0 1 0 0 .89h3.38a.445.445 0 1 0 0-.89z"/><path d="M1 5.68A4.683 4.683 0 0 1 5.68 1h20.64A4.683 4.683 0 0 1 31 5.68v20.64A4.683 4.683 0 0 1 26.32 31H5.68A4.683 4.683 0 0 1 1 26.32zM5.68 3A2.683 2.683 0 0 0 3 5.68v20.64c0 .547.165 1.056.447 1.48l8.679-8.679l-3.156.676c-.37.08-.57-.41-.26-.62l3.65-2.36c.21-.13.21-.44 0-.57l-3.65-2.36c-.32-.21-.11-.7.26-.62l4.25.91c.24.05.46-.16.4-.4l-.91-4.25c-.08-.37.41-.57.62-.26l2.36 3.65c.13.21.44.21.57 0l2.36-3.65c.21-.32.7-.11.62.26l-.91 4.25c-.05.24.16.46.4.4l4.25-.91c.37-.08.57.41.26.62l-3.65 2.36c-.21.13-.21.44 0 .57l3.65 2.36c.32.21.11.7-.26.62l-4.25-.91c-.24-.05-.46.16-.4.4l.91 4.25c.08.37-.41.57-.62.26l-2.36-3.65a.337.337 0 0 0-.57 0l-2.36 3.65c-.21.32-.7.11-.62-.26l.711-3.321l-8.632 8.632c.28.098.579.152.891.152h20.64A2.683 2.683 0 0 0 29 26.32V5.68A2.683 2.683 0 0 0 26.32 3z"/></g></svg> </template>
CSS
.icon-sparkler {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M11.695%207.96a.5.5%200%201%200-.39-.92a.5.5%200%200%200%20.39.92m8.157%2017.895A.499.499%200%200%200%2019.5%2025a.5.5%200%200%200-.5.5a.5.5%200%200%200%20.852.355M6.5%2013a.5.5%200%201%200%200-1a.5.5%200%200%200%200%201M26%2020.5a.5.5%200%201%201-1%200a.5.5%200%200%201%201%200M6.5%2021a.5.5%200%201%200%200-1a.5.5%200%200%200%200%201m19.53-8.5a.5.5%200%201%201-1%200a.5.5%200%200%201%201%200m-13.05%2013a.5.5%200%201%201-.299-.458l.014.007a.5.5%200%200%201%20.285.451M21%207.5a.5.5%200%201%201-1%200a.5.5%200%200%201%201%200m3.245%201.392a.446.446%200%200%200-.63-.63l-2.39%202.39a.446.446%200%200%200%20.63.63zm-8.255-4.05c.246%200%20.445.2.445.445v3.38a.445.445%200%200%201-.89%200v-3.38c0-.246.2-.445.445-.445m.445%2019.535a.445.445%200%200%200-.89%200v3.38a.445.445%200%201%200%20.89%200zM7.725%208.262a.445.445%200%200%201%20.63%200l2.39%202.39a.446.446%200%200%201-.63.63l-2.39-2.39a.445.445%200%200%201%200-.63m14.13%2013.5a.446.446%200%200%200-.63.63l2.39%202.39a.445.445%200%201%200%20.63-.63zm-17.55-5.245c0-.246.2-.445.445-.445h3.38a.445.445%200%201%201%200%20.89H4.75a.445.445%200%200%201-.445-.445m19.535-.445a.445.445%200%201%200%200%20.89h3.38a.445.445%200%201%200%200-.89z%22%2F%3E%3Cpath%20d%3D%22M1%205.68A4.683%204.683%200%200%201%205.68%201h20.64A4.683%204.683%200%200%201%2031%205.68v20.64A4.683%204.683%200%200%201%2026.32%2031H5.68A4.683%204.683%200%200%201%201%2026.32zM5.68%203A2.683%202.683%200%200%200%203%205.68v20.64c0%20.547.165%201.056.447%201.48l8.679-8.679l-3.156.676c-.37.08-.57-.41-.26-.62l3.65-2.36c.21-.13.21-.44%200-.57l-3.65-2.36c-.32-.21-.11-.7.26-.62l4.25.91c.24.05.46-.16.4-.4l-.91-4.25c-.08-.37.41-.57.62-.26l2.36%203.65c.13.21.44.21.57%200l2.36-3.65c.21-.32.7-.11.62.26l-.91%204.25c-.05.24.16.46.4.4l4.25-.91c.37-.08.57.41.26.62l-3.65%202.36c-.21.13-.21.44%200%20.57l3.65%202.36c.32.21.11.7-.26.62l-4.25-.91c-.24-.05-.46.16-.4.4l.91%204.25c.08.37-.41.57-.62.26l-2.36-3.65a.337.337%200%200%200-.57%200l-2.36%203.65c-.21.32-.7.11-.62-.26l.711-3.321l-8.632%208.632c.28.098.579.152.891.152h20.64A2.683%202.683%200%200%200%2029%2026.32V5.68A2.683%202.683%200%200%200%2026.32%203z%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M11.695%207.96a.5.5%200%201%200-.39-.92a.5.5%200%200%200%20.39.92m8.157%2017.895A.499.499%200%200%200%2019.5%2025a.5.5%200%200%200-.5.5a.5.5%200%200%200%20.852.355M6.5%2013a.5.5%200%201%200%200-1a.5.5%200%200%200%200%201M26%2020.5a.5.5%200%201%201-1%200a.5.5%200%200%201%201%200M6.5%2021a.5.5%200%201%200%200-1a.5.5%200%200%200%200%201m19.53-8.5a.5.5%200%201%201-1%200a.5.5%200%200%201%201%200m-13.05%2013a.5.5%200%201%201-.299-.458l.014.007a.5.5%200%200%201%20.285.451M21%207.5a.5.5%200%201%201-1%200a.5.5%200%200%201%201%200m3.245%201.392a.446.446%200%200%200-.63-.63l-2.39%202.39a.446.446%200%200%200%20.63.63zm-8.255-4.05c.246%200%20.445.2.445.445v3.38a.445.445%200%200%201-.89%200v-3.38c0-.246.2-.445.445-.445m.445%2019.535a.445.445%200%200%200-.89%200v3.38a.445.445%200%201%200%20.89%200zM7.725%208.262a.445.445%200%200%201%20.63%200l2.39%202.39a.446.446%200%200%201-.63.63l-2.39-2.39a.445.445%200%200%201%200-.63m14.13%2013.5a.446.446%200%200%200-.63.63l2.39%202.39a.445.445%200%201%200%20.63-.63zm-17.55-5.245c0-.246.2-.445.445-.445h3.38a.445.445%200%201%201%200%20.89H4.75a.445.445%200%200%201-.445-.445m19.535-.445a.445.445%200%201%200%200%20.89h3.38a.445.445%200%201%200%200-.89z%22%2F%3E%3Cpath%20d%3D%22M1%205.68A4.683%204.683%200%200%201%205.68%201h20.64A4.683%204.683%200%200%201%2031%205.68v20.64A4.683%204.683%200%200%201%2026.32%2031H5.68A4.683%204.683%200%200%201%201%2026.32zM5.68%203A2.683%202.683%200%200%200%203%205.68v20.64c0%20.547.165%201.056.447%201.48l8.679-8.679l-3.156.676c-.37.08-.57-.41-.26-.62l3.65-2.36c.21-.13.21-.44%200-.57l-3.65-2.36c-.32-.21-.11-.7.26-.62l4.25.91c.24.05.46-.16.4-.4l-.91-4.25c-.08-.37.41-.57.62-.26l2.36%203.65c.13.21.44.21.57%200l2.36-3.65c.21-.32.7-.11.62.26l-.91%204.25c-.05.24.16.46.4.4l4.25-.91c.37-.08.57.41.26.62l-3.65%202.36c-.21.13-.21.44%200%20.57l3.65%202.36c.32.21.11.7-.26.62l-4.25-.91c-.24-.05-.46.16-.4.4l.91%204.25c.08.37-.41.57-.62.26l-2.36-3.65a.337.337%200%200%200-.57%200l-2.36%203.65c-.21.32-.7.11-.62-.26l.711-3.321l-8.632%208.632c.28.098.579.152.891.152h20.64A2.683%202.683%200%200%200%2029%2026.32V5.68A2.683%202.683%200%200%200%2026.32%203z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/sparkler.svg?color=%231a73e8&size=48
