sparkle emoji
sparkle from Firefox OS Emoji by Mozilla · Default · Symbols · Apache-2.0 Free for personal and commercial use.
- Name
- sparkle
- Set
- Firefox OS Emoji
- Style
- Default
- Category
- Symbols
- Viewbox
- 512×512
- License
- Apache 2.0
The same emoji in other sets
sparkleCodiconssparkleEmoji One (Colored)sparkle-12-filledFluent UI System IconssparkleFluent EmojisparkleFluent Emoji FlatsparkleFluent Emoji High ContrastsparkleHuge IconssparkleLucidesparkleNoto Emojisparkle-16OcticonssparkleOpenMojisparklePhosphorsparklePixelarticonssparkleTabler IconssparkleTwitter Emoji
More symbols icons from Firefox OS Emoji
alarmclockantennawithbarsanticlockwiseupwardsanddownwardsarrowsaquariusariesarrowrightwardsdownwardsarrowrightwardsupwardsautomatedtellermachinebabysymbolbackwithleftwardsarrowbaggageclaimballotboxwithcheckblackclubsuitblackdiamondsuitblackdownpointingdoublearrowblackheartsuitblacklargesquareblackleftpointingarrowblackleftpointingdoublearrowblackmediumsmallsquareblackmediumsquareblackquestionmarkblackrightpointingarrowblackrightpointingdoublearrow
Use the sparkle emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#00B89C" d="M508.333 32.666C508.333 16.35 494.984 3 478.668 3H29.032C14.348 3 2.333 15.015 2.333 29.699v452.602C2.333 496.985 14.348 509 29.032 509h449.635c16.316 0 29.666-13.35 29.666-29.666z"/><path fill="#009E83" d="M478.668 488.915H29.032c-14.684 0-26.699-12.015-26.699-26.699v20.085C2.333 496.985 14.348 509 29.032 509h449.635c16.316 0 29.666-13.35 29.666-29.666v-20.085c0 16.316-13.349 29.666-29.665 29.666"/><path fill="#FFF" d="M421.654 312.01c-12.03-7.311-26.524-7.078-37.99-.66L290.952 255l92.713-56.35c11.466 6.418 25.96 6.651 37.99-.66c17.777-10.805 23.429-33.974 12.624-51.751s-33.974-23.429-51.751-12.624c-12.029 7.311-18.497 20.285-18.08 33.418l-90.614 55.074V116.068C285.273 109.603 293 97.338 293 83.262c0-20.803-16.864-37.667-37.667-37.667s-37.667 16.864-37.667 37.667c0 14.077 7.728 26.342 19.167 32.807v106.039l-90.615-55.075c.417-13.133-6.05-26.107-18.08-33.418c-17.777-10.805-40.947-5.152-51.751 12.624c-10.805 17.777-5.152 40.947 12.624 51.751c12.029 7.311 26.524 7.078 37.989.661L219.715 255l-92.712 56.35c-11.466-6.418-25.961-6.651-37.99.66c-17.777 10.805-23.429 33.974-12.624 51.751s33.974 23.429 51.751 12.624c12.029-7.311 18.497-20.285 18.08-33.418l90.615-55.075v106.039c-11.439 6.465-19.167 18.73-19.167 32.807c0 20.803 16.864 37.667 37.667 37.667S293 447.541 293 426.738c0-14.077-7.727-26.341-19.166-32.806V287.894l90.614 55.074c-.417 13.133 6.05 26.107 18.08 33.418c17.777 10.805 40.947 5.152 51.751-12.624s5.152-40.947-12.625-51.752"/></svg>
React
import type { SVGProps } from "react";
export function FxemojiSparkle(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#00B89C" d="M508.333 32.666C508.333 16.35 494.984 3 478.668 3H29.032C14.348 3 2.333 15.015 2.333 29.699v452.602C2.333 496.985 14.348 509 29.032 509h449.635c16.316 0 29.666-13.35 29.666-29.666z"/><path fill="#009E83" d="M478.668 488.915H29.032c-14.684 0-26.699-12.015-26.699-26.699v20.085C2.333 496.985 14.348 509 29.032 509h449.635c16.316 0 29.666-13.35 29.666-29.666v-20.085c0 16.316-13.349 29.666-29.665 29.666"/><path fill="#FFF" d="M421.654 312.01c-12.03-7.311-26.524-7.078-37.99-.66L290.952 255l92.713-56.35c11.466 6.418 25.96 6.651 37.99-.66c17.777-10.805 23.429-33.974 12.624-51.751s-33.974-23.429-51.751-12.624c-12.029 7.311-18.497 20.285-18.08 33.418l-90.614 55.074V116.068C285.273 109.603 293 97.338 293 83.262c0-20.803-16.864-37.667-37.667-37.667s-37.667 16.864-37.667 37.667c0 14.077 7.728 26.342 19.167 32.807v106.039l-90.615-55.075c.417-13.133-6.05-26.107-18.08-33.418c-17.777-10.805-40.947-5.152-51.751 12.624c-10.805 17.777-5.152 40.947 12.624 51.751c12.029 7.311 26.524 7.078 37.989.661L219.715 255l-92.712 56.35c-11.466-6.418-25.961-6.651-37.99.66c-17.777 10.805-23.429 33.974-12.624 51.751s33.974 23.429 51.751 12.624c12.029-7.311 18.497-20.285 18.08-33.418l90.615-55.075v106.039c-11.439 6.465-19.167 18.73-19.167 32.807c0 20.803 16.864 37.667 37.667 37.667S293 447.541 293 426.738c0-14.077-7.727-26.341-19.166-32.806V287.894l90.614 55.074c-.417 13.133 6.05 26.107 18.08 33.418c17.777 10.805 40.947 5.152 51.751-12.624s5.152-40.947-12.625-51.752"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#00B89C" d="M508.333 32.666C508.333 16.35 494.984 3 478.668 3H29.032C14.348 3 2.333 15.015 2.333 29.699v452.602C2.333 496.985 14.348 509 29.032 509h449.635c16.316 0 29.666-13.35 29.666-29.666z"/><path fill="#009E83" d="M478.668 488.915H29.032c-14.684 0-26.699-12.015-26.699-26.699v20.085C2.333 496.985 14.348 509 29.032 509h449.635c16.316 0 29.666-13.35 29.666-29.666v-20.085c0 16.316-13.349 29.666-29.665 29.666"/><path fill="#FFF" d="M421.654 312.01c-12.03-7.311-26.524-7.078-37.99-.66L290.952 255l92.713-56.35c11.466 6.418 25.96 6.651 37.99-.66c17.777-10.805 23.429-33.974 12.624-51.751s-33.974-23.429-51.751-12.624c-12.029 7.311-18.497 20.285-18.08 33.418l-90.614 55.074V116.068C285.273 109.603 293 97.338 293 83.262c0-20.803-16.864-37.667-37.667-37.667s-37.667 16.864-37.667 37.667c0 14.077 7.728 26.342 19.167 32.807v106.039l-90.615-55.075c.417-13.133-6.05-26.107-18.08-33.418c-17.777-10.805-40.947-5.152-51.751 12.624c-10.805 17.777-5.152 40.947 12.624 51.751c12.029 7.311 26.524 7.078 37.989.661L219.715 255l-92.712 56.35c-11.466-6.418-25.961-6.651-37.99.66c-17.777 10.805-23.429 33.974-12.624 51.751s33.974 23.429 51.751 12.624c12.029-7.311 18.497-20.285 18.08-33.418l90.615-55.075v106.039c-11.439 6.465-19.167 18.73-19.167 32.807c0 20.803 16.864 37.667 37.667 37.667S293 447.541 293 426.738c0-14.077-7.727-26.341-19.166-32.806V287.894l90.614 55.074c-.417 13.133 6.05 26.107 18.08 33.418c17.777 10.805 40.947 5.152 51.751-12.624s5.152-40.947-12.625-51.752"/></svg> </template>
CSS
.icon-sparkle {
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%20512%20512%22%3E%3Cpath%20fill%3D%22%2300B89C%22%20d%3D%22M508.333%2032.666C508.333%2016.35%20494.984%203%20478.668%203H29.032C14.348%203%202.333%2015.015%202.333%2029.699v452.602C2.333%20496.985%2014.348%20509%2029.032%20509h449.635c16.316%200%2029.666-13.35%2029.666-29.666z%22%2F%3E%3Cpath%20fill%3D%22%23009E83%22%20d%3D%22M478.668%20488.915H29.032c-14.684%200-26.699-12.015-26.699-26.699v20.085C2.333%20496.985%2014.348%20509%2029.032%20509h449.635c16.316%200%2029.666-13.35%2029.666-29.666v-20.085c0%2016.316-13.349%2029.666-29.665%2029.666%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M421.654%20312.01c-12.03-7.311-26.524-7.078-37.99-.66L290.952%20255l92.713-56.35c11.466%206.418%2025.96%206.651%2037.99-.66c17.777-10.805%2023.429-33.974%2012.624-51.751s-33.974-23.429-51.751-12.624c-12.029%207.311-18.497%2020.285-18.08%2033.418l-90.614%2055.074V116.068C285.273%20109.603%20293%2097.338%20293%2083.262c0-20.803-16.864-37.667-37.667-37.667s-37.667%2016.864-37.667%2037.667c0%2014.077%207.728%2026.342%2019.167%2032.807v106.039l-90.615-55.075c.417-13.133-6.05-26.107-18.08-33.418c-17.777-10.805-40.947-5.152-51.751%2012.624c-10.805%2017.777-5.152%2040.947%2012.624%2051.751c12.029%207.311%2026.524%207.078%2037.989.661L219.715%20255l-92.712%2056.35c-11.466-6.418-25.961-6.651-37.99.66c-17.777%2010.805-23.429%2033.974-12.624%2051.751s33.974%2023.429%2051.751%2012.624c12.029-7.311%2018.497-20.285%2018.08-33.418l90.615-55.075v106.039c-11.439%206.465-19.167%2018.73-19.167%2032.807c0%2020.803%2016.864%2037.667%2037.667%2037.667S293%20447.541%20293%20426.738c0-14.077-7.727-26.341-19.166-32.806V287.894l90.614%2055.074c-.417%2013.133%206.05%2026.107%2018.08%2033.418c17.777%2010.805%2040.947%205.152%2051.751-12.624s5.152-40.947-12.625-51.752%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%20512%20512%22%3E%3Cpath%20fill%3D%22%2300B89C%22%20d%3D%22M508.333%2032.666C508.333%2016.35%20494.984%203%20478.668%203H29.032C14.348%203%202.333%2015.015%202.333%2029.699v452.602C2.333%20496.985%2014.348%20509%2029.032%20509h449.635c16.316%200%2029.666-13.35%2029.666-29.666z%22%2F%3E%3Cpath%20fill%3D%22%23009E83%22%20d%3D%22M478.668%20488.915H29.032c-14.684%200-26.699-12.015-26.699-26.699v20.085C2.333%20496.985%2014.348%20509%2029.032%20509h449.635c16.316%200%2029.666-13.35%2029.666-29.666v-20.085c0%2016.316-13.349%2029.666-29.665%2029.666%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M421.654%20312.01c-12.03-7.311-26.524-7.078-37.99-.66L290.952%20255l92.713-56.35c11.466%206.418%2025.96%206.651%2037.99-.66c17.777-10.805%2023.429-33.974%2012.624-51.751s-33.974-23.429-51.751-12.624c-12.029%207.311-18.497%2020.285-18.08%2033.418l-90.614%2055.074V116.068C285.273%20109.603%20293%2097.338%20293%2083.262c0-20.803-16.864-37.667-37.667-37.667s-37.667%2016.864-37.667%2037.667c0%2014.077%207.728%2026.342%2019.167%2032.807v106.039l-90.615-55.075c.417-13.133-6.05-26.107-18.08-33.418c-17.777-10.805-40.947-5.152-51.751%2012.624c-10.805%2017.777-5.152%2040.947%2012.624%2051.751c12.029%207.311%2026.524%207.078%2037.989.661L219.715%20255l-92.712%2056.35c-11.466-6.418-25.961-6.651-37.99.66c-17.777%2010.805-23.429%2033.974-12.624%2051.751s33.974%2023.429%2051.751%2012.624c12.029-7.311%2018.497-20.285%2018.08-33.418l90.615-55.075v106.039c-11.439%206.465-19.167%2018.73-19.167%2032.807c0%2020.803%2016.864%2037.667%2037.667%2037.667S293%20447.541%20293%20426.738c0-14.077-7.727-26.341-19.166-32.806V287.894l90.614%2055.074c-.417%2013.133%206.05%2026.107%2018.08%2033.418c17.777%2010.805%2040.947%205.152%2051.751-12.624s5.152-40.947-12.625-51.752%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fxemoji/sparkle.svg?color=%231a73e8&size=48
