sparkler emoji
sparkler from Twitter Emoji by Twitter · Default · Activities · CC-BY-4.0 Attribution required.
- Name
- sparkler
- Set
- Twitter Emoji
- Style
- Default
- Category
- Activities
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More activities icons from Twitter Emoji
Use the sparkler emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#269" d="M36 4a4 4 0 0 0-4-4H4a4 4 0 0 0-4 4v28a4 4 0 0 0 4 4h28a4 4 0 0 0 4-4z"/><path fill="#ffcc4d" d="M18 20c-.419 0-.809.265-.949.684l-3 9a1 1 0 1 0 1.897.633l3-9A1 1 0 0 0 18 20"/><path fill="#ffcc4d" d="M18 20a1 1 0 0 0-.965 1.263l3.226 11.856a.999.999 0 1 0 1.93-.526l-3.227-11.856A1 1 0 0 0 18 20"/><path fill="#ffcc4d" d="M18 20a1 1 0 0 0-.621.216l-13.25 10.5a1 1 0 1 0 1.242 1.568l13.25-10.5A1 1 0 0 0 18 20"/><path fill="#ffcc4d" d="M18.001 20q-.058 0-.116.006L5.553 21.423a1 1 0 0 0 .229 1.987l12.333-1.417A1 1 0 0 0 18.001 20"/><path fill="#ffcc4d" d="M3.5 13.083a1.001 1.001 0 0 0-.431 1.902l14.5 6.917a1 1 0 1 0 .861-1.805L3.93 13.18a1 1 0 0 0-.43-.097"/><path fill="#ffcc4d" d="M7.333 4.833a1 1 0 0 0-.817 1.575l10.666 15.167a1 1 0 1 0 1.636-1.15L8.151 5.258a1 1 0 0 0-.818-.425"/><path fill="#ffcc4d" d="M18 20a1 1 0 0 0-.664 1.749l11.708 10.375a1 1 0 0 0 1.326-1.497L18.663 20.251A1 1 0 0 0 18 20"/><path fill="#ffcc4d" d="M18 20a1 1 0 0 0-.314 1.95l12.333 4.083a1 1 0 1 0 .629-1.899l-12.333-4.083A1 1 0 0 0 18 20"/><path fill="#ffcc4d" d="M31.835 18.5a1 1 0 0 0-.108.006l-13.835 1.5a1 1 0 1 0 .216 1.988l13.833-1.5a1 1 0 0 0-.106-1.994"/><path fill="#ffcc4d" d="M18.001 22a1 1 0 0 1-.59-1.807l8.917-6.5a.999.999 0 1 1 1.177 1.616l-8.917 6.5a1 1 0 0 1-.587.191"/><path fill="#ffcc4d" d="M17.999 22a1 1 0 0 1-.855-1.517l7.834-13a1 1 0 1 1 1.713 1.033l-7.834 13a1 1 0 0 1-.858.484"/><path fill="#55acee" d="M20 0h-4v19a2 2 0 0 0 4 0z"/><circle cx="18" cy="21" r="3" fill="#f5f8fa"/><path fill="#f5f8fa" d="M6.963 31.694a2.36 2.36 0 1 0-4.719 0a2.36 2.36 0 0 0 4.719 0"/><circle cx="29.708" cy="31.375" r="2.958" fill="#f5f8fa"/><path fill="#f5f8fa" d="M22.833 32.856a1.606 1.606 0 1 0-3.212 0a1.606 1.606 0 0 0 3.212 0"/><circle cx="3.077" cy="13.917" r="1.75" fill="#f5f8fa"/><path fill="#f5f8fa" d="M9.75 5.167a2.833 2.833 0 1 0-5.666 0a2.833 2.833 0 0 0 5.666 0m24.584 14.25a2.208 2.208 0 1 0-4.416 0a2.208 2.208 0 0 0 4.416 0"/><circle cx="25.917" cy="8" r="1.75" fill="#f5f8fa"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiSparkler(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#269" d="M36 4a4 4 0 0 0-4-4H4a4 4 0 0 0-4 4v28a4 4 0 0 0 4 4h28a4 4 0 0 0 4-4z"/><path fill="#ffcc4d" d="M18 20c-.419 0-.809.265-.949.684l-3 9a1 1 0 1 0 1.897.633l3-9A1 1 0 0 0 18 20"/><path fill="#ffcc4d" d="M18 20a1 1 0 0 0-.965 1.263l3.226 11.856a.999.999 0 1 0 1.93-.526l-3.227-11.856A1 1 0 0 0 18 20"/><path fill="#ffcc4d" d="M18 20a1 1 0 0 0-.621.216l-13.25 10.5a1 1 0 1 0 1.242 1.568l13.25-10.5A1 1 0 0 0 18 20"/><path fill="#ffcc4d" d="M18.001 20q-.058 0-.116.006L5.553 21.423a1 1 0 0 0 .229 1.987l12.333-1.417A1 1 0 0 0 18.001 20"/><path fill="#ffcc4d" d="M3.5 13.083a1.001 1.001 0 0 0-.431 1.902l14.5 6.917a1 1 0 1 0 .861-1.805L3.93 13.18a1 1 0 0 0-.43-.097"/><path fill="#ffcc4d" d="M7.333 4.833a1 1 0 0 0-.817 1.575l10.666 15.167a1 1 0 1 0 1.636-1.15L8.151 5.258a1 1 0 0 0-.818-.425"/><path fill="#ffcc4d" d="M18 20a1 1 0 0 0-.664 1.749l11.708 10.375a1 1 0 0 0 1.326-1.497L18.663 20.251A1 1 0 0 0 18 20"/><path fill="#ffcc4d" d="M18 20a1 1 0 0 0-.314 1.95l12.333 4.083a1 1 0 1 0 .629-1.899l-12.333-4.083A1 1 0 0 0 18 20"/><path fill="#ffcc4d" d="M31.835 18.5a1 1 0 0 0-.108.006l-13.835 1.5a1 1 0 1 0 .216 1.988l13.833-1.5a1 1 0 0 0-.106-1.994"/><path fill="#ffcc4d" d="M18.001 22a1 1 0 0 1-.59-1.807l8.917-6.5a.999.999 0 1 1 1.177 1.616l-8.917 6.5a1 1 0 0 1-.587.191"/><path fill="#ffcc4d" d="M17.999 22a1 1 0 0 1-.855-1.517l7.834-13a1 1 0 1 1 1.713 1.033l-7.834 13a1 1 0 0 1-.858.484"/><path fill="#55acee" d="M20 0h-4v19a2 2 0 0 0 4 0z"/><circle cx="18" cy="21" r="3" fill="#f5f8fa"/><path fill="#f5f8fa" d="M6.963 31.694a2.36 2.36 0 1 0-4.719 0a2.36 2.36 0 0 0 4.719 0"/><circle cx="29.708" cy="31.375" r="2.958" fill="#f5f8fa"/><path fill="#f5f8fa" d="M22.833 32.856a1.606 1.606 0 1 0-3.212 0a1.606 1.606 0 0 0 3.212 0"/><circle cx="3.077" cy="13.917" r="1.75" fill="#f5f8fa"/><path fill="#f5f8fa" d="M9.75 5.167a2.833 2.833 0 1 0-5.666 0a2.833 2.833 0 0 0 5.666 0m24.584 14.25a2.208 2.208 0 1 0-4.416 0a2.208 2.208 0 0 0 4.416 0"/><circle cx="25.917" cy="8" r="1.75" fill="#f5f8fa"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#269" d="M36 4a4 4 0 0 0-4-4H4a4 4 0 0 0-4 4v28a4 4 0 0 0 4 4h28a4 4 0 0 0 4-4z"/><path fill="#ffcc4d" d="M18 20c-.419 0-.809.265-.949.684l-3 9a1 1 0 1 0 1.897.633l3-9A1 1 0 0 0 18 20"/><path fill="#ffcc4d" d="M18 20a1 1 0 0 0-.965 1.263l3.226 11.856a.999.999 0 1 0 1.93-.526l-3.227-11.856A1 1 0 0 0 18 20"/><path fill="#ffcc4d" d="M18 20a1 1 0 0 0-.621.216l-13.25 10.5a1 1 0 1 0 1.242 1.568l13.25-10.5A1 1 0 0 0 18 20"/><path fill="#ffcc4d" d="M18.001 20q-.058 0-.116.006L5.553 21.423a1 1 0 0 0 .229 1.987l12.333-1.417A1 1 0 0 0 18.001 20"/><path fill="#ffcc4d" d="M3.5 13.083a1.001 1.001 0 0 0-.431 1.902l14.5 6.917a1 1 0 1 0 .861-1.805L3.93 13.18a1 1 0 0 0-.43-.097"/><path fill="#ffcc4d" d="M7.333 4.833a1 1 0 0 0-.817 1.575l10.666 15.167a1 1 0 1 0 1.636-1.15L8.151 5.258a1 1 0 0 0-.818-.425"/><path fill="#ffcc4d" d="M18 20a1 1 0 0 0-.664 1.749l11.708 10.375a1 1 0 0 0 1.326-1.497L18.663 20.251A1 1 0 0 0 18 20"/><path fill="#ffcc4d" d="M18 20a1 1 0 0 0-.314 1.95l12.333 4.083a1 1 0 1 0 .629-1.899l-12.333-4.083A1 1 0 0 0 18 20"/><path fill="#ffcc4d" d="M31.835 18.5a1 1 0 0 0-.108.006l-13.835 1.5a1 1 0 1 0 .216 1.988l13.833-1.5a1 1 0 0 0-.106-1.994"/><path fill="#ffcc4d" d="M18.001 22a1 1 0 0 1-.59-1.807l8.917-6.5a.999.999 0 1 1 1.177 1.616l-8.917 6.5a1 1 0 0 1-.587.191"/><path fill="#ffcc4d" d="M17.999 22a1 1 0 0 1-.855-1.517l7.834-13a1 1 0 1 1 1.713 1.033l-7.834 13a1 1 0 0 1-.858.484"/><path fill="#55acee" d="M20 0h-4v19a2 2 0 0 0 4 0z"/><circle cx="18" cy="21" r="3" fill="#f5f8fa"/><path fill="#f5f8fa" d="M6.963 31.694a2.36 2.36 0 1 0-4.719 0a2.36 2.36 0 0 0 4.719 0"/><circle cx="29.708" cy="31.375" r="2.958" fill="#f5f8fa"/><path fill="#f5f8fa" d="M22.833 32.856a1.606 1.606 0 1 0-3.212 0a1.606 1.606 0 0 0 3.212 0"/><circle cx="3.077" cy="13.917" r="1.75" fill="#f5f8fa"/><path fill="#f5f8fa" d="M9.75 5.167a2.833 2.833 0 1 0-5.666 0a2.833 2.833 0 0 0 5.666 0m24.584 14.25a2.208 2.208 0 1 0-4.416 0a2.208 2.208 0 0 0 4.416 0"/><circle cx="25.917" cy="8" r="1.75" fill="#f5f8fa"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%23269%22%20d%3D%22M36%204a4%204%200%200%200-4-4H4a4%204%200%200%200-4%204v28a4%204%200%200%200%204%204h28a4%204%200%200%200%204-4z%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M18%2020c-.419%200-.809.265-.949.684l-3%209a1%201%200%201%200%201.897.633l3-9A1%201%200%200%200%2018%2020%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M18%2020a1%201%200%200%200-.965%201.263l3.226%2011.856a.999.999%200%201%200%201.93-.526l-3.227-11.856A1%201%200%200%200%2018%2020%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M18%2020a1%201%200%200%200-.621.216l-13.25%2010.5a1%201%200%201%200%201.242%201.568l13.25-10.5A1%201%200%200%200%2018%2020%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M18.001%2020q-.058%200-.116.006L5.553%2021.423a1%201%200%200%200%20.229%201.987l12.333-1.417A1%201%200%200%200%2018.001%2020%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M3.5%2013.083a1.001%201.001%200%200%200-.431%201.902l14.5%206.917a1%201%200%201%200%20.861-1.805L3.93%2013.18a1%201%200%200%200-.43-.097%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M7.333%204.833a1%201%200%200%200-.817%201.575l10.666%2015.167a1%201%200%201%200%201.636-1.15L8.151%205.258a1%201%200%200%200-.818-.425%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M18%2020a1%201%200%200%200-.664%201.749l11.708%2010.375a1%201%200%200%200%201.326-1.497L18.663%2020.251A1%201%200%200%200%2018%2020%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M18%2020a1%201%200%200%200-.314%201.95l12.333%204.083a1%201%200%201%200%20.629-1.899l-12.333-4.083A1%201%200%200%200%2018%2020%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M31.835%2018.5a1%201%200%200%200-.108.006l-13.835%201.5a1%201%200%201%200%20.216%201.988l13.833-1.5a1%201%200%200%200-.106-1.994%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M18.001%2022a1%201%200%200%201-.59-1.807l8.917-6.5a.999.999%200%201%201%201.177%201.616l-8.917%206.5a1%201%200%200%201-.587.191%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M17.999%2022a1%201%200%200%201-.855-1.517l7.834-13a1%201%200%201%201%201.713%201.033l-7.834%2013a1%201%200%200%201-.858.484%22%2F%3E%3Cpath%20fill%3D%22%2355acee%22%20d%3D%22M20%200h-4v19a2%202%200%200%200%204%200z%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2221%22%20r%3D%223%22%20fill%3D%22%23f5f8fa%22%2F%3E%3Cpath%20fill%3D%22%23f5f8fa%22%20d%3D%22M6.963%2031.694a2.36%202.36%200%201%200-4.719%200a2.36%202.36%200%200%200%204.719%200%22%2F%3E%3Ccircle%20cx%3D%2229.708%22%20cy%3D%2231.375%22%20r%3D%222.958%22%20fill%3D%22%23f5f8fa%22%2F%3E%3Cpath%20fill%3D%22%23f5f8fa%22%20d%3D%22M22.833%2032.856a1.606%201.606%200%201%200-3.212%200a1.606%201.606%200%200%200%203.212%200%22%2F%3E%3Ccircle%20cx%3D%223.077%22%20cy%3D%2213.917%22%20r%3D%221.75%22%20fill%3D%22%23f5f8fa%22%2F%3E%3Cpath%20fill%3D%22%23f5f8fa%22%20d%3D%22M9.75%205.167a2.833%202.833%200%201%200-5.666%200a2.833%202.833%200%200%200%205.666%200m24.584%2014.25a2.208%202.208%200%201%200-4.416%200a2.208%202.208%200%200%200%204.416%200%22%2F%3E%3Ccircle%20cx%3D%2225.917%22%20cy%3D%228%22%20r%3D%221.75%22%20fill%3D%22%23f5f8fa%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%23269%22%20d%3D%22M36%204a4%204%200%200%200-4-4H4a4%204%200%200%200-4%204v28a4%204%200%200%200%204%204h28a4%204%200%200%200%204-4z%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M18%2020c-.419%200-.809.265-.949.684l-3%209a1%201%200%201%200%201.897.633l3-9A1%201%200%200%200%2018%2020%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M18%2020a1%201%200%200%200-.965%201.263l3.226%2011.856a.999.999%200%201%200%201.93-.526l-3.227-11.856A1%201%200%200%200%2018%2020%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M18%2020a1%201%200%200%200-.621.216l-13.25%2010.5a1%201%200%201%200%201.242%201.568l13.25-10.5A1%201%200%200%200%2018%2020%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M18.001%2020q-.058%200-.116.006L5.553%2021.423a1%201%200%200%200%20.229%201.987l12.333-1.417A1%201%200%200%200%2018.001%2020%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M3.5%2013.083a1.001%201.001%200%200%200-.431%201.902l14.5%206.917a1%201%200%201%200%20.861-1.805L3.93%2013.18a1%201%200%200%200-.43-.097%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M7.333%204.833a1%201%200%200%200-.817%201.575l10.666%2015.167a1%201%200%201%200%201.636-1.15L8.151%205.258a1%201%200%200%200-.818-.425%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M18%2020a1%201%200%200%200-.664%201.749l11.708%2010.375a1%201%200%200%200%201.326-1.497L18.663%2020.251A1%201%200%200%200%2018%2020%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M18%2020a1%201%200%200%200-.314%201.95l12.333%204.083a1%201%200%201%200%20.629-1.899l-12.333-4.083A1%201%200%200%200%2018%2020%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M31.835%2018.5a1%201%200%200%200-.108.006l-13.835%201.5a1%201%200%201%200%20.216%201.988l13.833-1.5a1%201%200%200%200-.106-1.994%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M18.001%2022a1%201%200%200%201-.59-1.807l8.917-6.5a.999.999%200%201%201%201.177%201.616l-8.917%206.5a1%201%200%200%201-.587.191%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M17.999%2022a1%201%200%200%201-.855-1.517l7.834-13a1%201%200%201%201%201.713%201.033l-7.834%2013a1%201%200%200%201-.858.484%22%2F%3E%3Cpath%20fill%3D%22%2355acee%22%20d%3D%22M20%200h-4v19a2%202%200%200%200%204%200z%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2221%22%20r%3D%223%22%20fill%3D%22%23f5f8fa%22%2F%3E%3Cpath%20fill%3D%22%23f5f8fa%22%20d%3D%22M6.963%2031.694a2.36%202.36%200%201%200-4.719%200a2.36%202.36%200%200%200%204.719%200%22%2F%3E%3Ccircle%20cx%3D%2229.708%22%20cy%3D%2231.375%22%20r%3D%222.958%22%20fill%3D%22%23f5f8fa%22%2F%3E%3Cpath%20fill%3D%22%23f5f8fa%22%20d%3D%22M22.833%2032.856a1.606%201.606%200%201%200-3.212%200a1.606%201.606%200%200%200%203.212%200%22%2F%3E%3Ccircle%20cx%3D%223.077%22%20cy%3D%2213.917%22%20r%3D%221.75%22%20fill%3D%22%23f5f8fa%22%2F%3E%3Cpath%20fill%3D%22%23f5f8fa%22%20d%3D%22M9.75%205.167a2.833%202.833%200%201%200-5.666%200a2.833%202.833%200%200%200%205.666%200m24.584%2014.25a2.208%202.208%200%201%200-4.416%200a2.208%202.208%200%200%200%204.416%200%22%2F%3E%3Ccircle%20cx%3D%2225.917%22%20cy%3D%228%22%20r%3D%221.75%22%20fill%3D%22%23f5f8fa%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/sparkler.svg?color=%231a73e8&size=48
