sparkles emoji
sparkles from Twitter Emoji by Twitter · Default · Activities · CC-BY-4.0 Attribution required.
- Name
- sparkles
- Set
- Twitter Emoji
- Style
- Default
- Category
- Activities
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
sparklesAkar IconssparklesEmoji One (Colored)sparklesFramework7 IconssparklesFluent EmojisparklesFluent Emoji FlatsparklesFluent Emoji High ContrastsparklesFirefox OS EmojisparklesHeroIconssparklesHuge IconssparklesIonIconssparklesLucidesparklesMajesticonssparkles-fillMingCute IconsparklesMyna UI IconssparklesNoto EmojisparklesOpenMojisparklesPixelarticonssparklesPrime IconssparklesStreamline EmojissparklesTabler Icons
More activities icons from Twitter Emoji
Use the sparkles emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffac33" d="m34.347 16.893l-8.899-3.294l-3.323-10.891a1 1 0 0 0-1.912 0l-3.322 10.891l-8.9 3.294a1 1 0 0 0 0 1.876l8.895 3.293l3.324 11.223a1 1 0 0 0 1.918-.001l3.324-11.223l8.896-3.293a.998.998 0 0 0-.001-1.875"/><path fill="#ffcc4d" d="m14.347 27.894l-2.314-.856l-.9-3.3a.998.998 0 0 0-1.929-.001l-.9 3.3l-2.313.856a1 1 0 0 0 0 1.876l2.301.853l.907 3.622a1 1 0 0 0 1.94-.001l.907-3.622l2.301-.853a.997.997 0 0 0 0-1.874M10.009 6.231l-2.364-.875l-.876-2.365a.999.999 0 0 0-1.876 0l-.875 2.365l-2.365.875a1 1 0 0 0 0 1.876l2.365.875l.875 2.365a1 1 0 0 0 1.876 0l.875-2.365l2.365-.875a1 1 0 0 0 0-1.876"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiSparkles(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffac33" d="m34.347 16.893l-8.899-3.294l-3.323-10.891a1 1 0 0 0-1.912 0l-3.322 10.891l-8.9 3.294a1 1 0 0 0 0 1.876l8.895 3.293l3.324 11.223a1 1 0 0 0 1.918-.001l3.324-11.223l8.896-3.293a.998.998 0 0 0-.001-1.875"/><path fill="#ffcc4d" d="m14.347 27.894l-2.314-.856l-.9-3.3a.998.998 0 0 0-1.929-.001l-.9 3.3l-2.313.856a1 1 0 0 0 0 1.876l2.301.853l.907 3.622a1 1 0 0 0 1.94-.001l.907-3.622l2.301-.853a.997.997 0 0 0 0-1.874M10.009 6.231l-2.364-.875l-.876-2.365a.999.999 0 0 0-1.876 0l-.875 2.365l-2.365.875a1 1 0 0 0 0 1.876l2.365.875l.875 2.365a1 1 0 0 0 1.876 0l.875-2.365l2.365-.875a1 1 0 0 0 0-1.876"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffac33" d="m34.347 16.893l-8.899-3.294l-3.323-10.891a1 1 0 0 0-1.912 0l-3.322 10.891l-8.9 3.294a1 1 0 0 0 0 1.876l8.895 3.293l3.324 11.223a1 1 0 0 0 1.918-.001l3.324-11.223l8.896-3.293a.998.998 0 0 0-.001-1.875"/><path fill="#ffcc4d" d="m14.347 27.894l-2.314-.856l-.9-3.3a.998.998 0 0 0-1.929-.001l-.9 3.3l-2.313.856a1 1 0 0 0 0 1.876l2.301.853l.907 3.622a1 1 0 0 0 1.94-.001l.907-3.622l2.301-.853a.997.997 0 0 0 0-1.874M10.009 6.231l-2.364-.875l-.876-2.365a.999.999 0 0 0-1.876 0l-.875 2.365l-2.365.875a1 1 0 0 0 0 1.876l2.365.875l.875 2.365a1 1 0 0 0 1.876 0l.875-2.365l2.365-.875a1 1 0 0 0 0-1.876"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22m34.347%2016.893l-8.899-3.294l-3.323-10.891a1%201%200%200%200-1.912%200l-3.322%2010.891l-8.9%203.294a1%201%200%200%200%200%201.876l8.895%203.293l3.324%2011.223a1%201%200%200%200%201.918-.001l3.324-11.223l8.896-3.293a.998.998%200%200%200-.001-1.875%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22m14.347%2027.894l-2.314-.856l-.9-3.3a.998.998%200%200%200-1.929-.001l-.9%203.3l-2.313.856a1%201%200%200%200%200%201.876l2.301.853l.907%203.622a1%201%200%200%200%201.94-.001l.907-3.622l2.301-.853a.997.997%200%200%200%200-1.874M10.009%206.231l-2.364-.875l-.876-2.365a.999.999%200%200%200-1.876%200l-.875%202.365l-2.365.875a1%201%200%200%200%200%201.876l2.365.875l.875%202.365a1%201%200%200%200%201.876%200l.875-2.365l2.365-.875a1%201%200%200%200%200-1.876%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22m34.347%2016.893l-8.899-3.294l-3.323-10.891a1%201%200%200%200-1.912%200l-3.322%2010.891l-8.9%203.294a1%201%200%200%200%200%201.876l8.895%203.293l3.324%2011.223a1%201%200%200%200%201.918-.001l3.324-11.223l8.896-3.293a.998.998%200%200%200-.001-1.875%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22m14.347%2027.894l-2.314-.856l-.9-3.3a.998.998%200%200%200-1.929-.001l-.9%203.3l-2.313.856a1%201%200%200%200%200%201.876l2.301.853l.907%203.622a1%201%200%200%200%201.94-.001l.907-3.622l2.301-.853a.997.997%200%200%200%200-1.874M10.009%206.231l-2.364-.875l-.876-2.365a.999.999%200%200%200-1.876%200l-.875%202.365l-2.365.875a1%201%200%200%200%200%201.876l2.365.875l.875%202.365a1%201%200%200%200%201.876%200l.875-2.365l2.365-.875a1%201%200%200%200%200-1.876%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/sparkles.svg?color=%231a73e8&size=48
