firecracker emoji
firecracker from Twitter Emoji by Twitter · Default · Activities · CC-BY-4.0 Attribution required.
- Name
- firecracker
- 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 firecracker emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><circle cx="29" cy="4" r="4" fill="#ffe8b6"/><circle cx="29" cy="4" r="3" fill="#ffd983"/><path fill="#ffcc4d" d="m32.5.5l-4.207 2.793l1.414 1.414zm-7 7l2.793-4.207l1.414 1.414z"/><path fill="#ffcc4d" d="m32.5 7.5l-2.793-4.207l-1.414 1.414z"/><path fill="#ffcc4d" d="m25.5.5l4.207 2.793l-1.414 1.414z"/><path fill="#c1694f" d="M23 13.5a.502.502 0 0 1-.321-.885c5.709-4.757 5.82-8.581 5.82-8.619c.003-.275.209-.534.503-.496a.5.5 0 0 1 .498.5c0 .173-.07 4.293-6.18 9.384a.5.5 0 0 1-.32.116"/><path fill="#dd2e44" d="M4.826 35.417L.583 31.174a2.005 2.005 0 0 1 0-2.828L19.675 9.254a2.005 2.005 0 0 1 2.828 0l4.243 4.243a2.005 2.005 0 0 1 0 2.828L7.654 35.417a2.007 2.007 0 0 1-2.828 0"/><path fill="#ffcc4d" d="m18.261 10.668l7.071 7.07l-2.121 2.122l-7.071-7.071zM4.12 24.81l7.07 7.07l-2.12 2.122l-7.072-7.07z"/><path fill="#ea596e" d="m22.504 9.254l1.414 1.414l-2.828 2.828l-1.415-1.414zM3.412 28.346l1.414 1.414l-2.828 2.828l-1.414-1.414zm14.142-14.142l1.414 1.414l-12.02 12.02l-1.415-1.414z"/><path fill="#ffd983" d="m19.675 12.082l1.415 1.414l-2.122 2.122l-1.414-1.415zM5.534 26.224l1.414 1.415l-2.122 2.12l-1.414-1.413z"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiFirecracker(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><circle cx="29" cy="4" r="4" fill="#ffe8b6"/><circle cx="29" cy="4" r="3" fill="#ffd983"/><path fill="#ffcc4d" d="m32.5.5l-4.207 2.793l1.414 1.414zm-7 7l2.793-4.207l1.414 1.414z"/><path fill="#ffcc4d" d="m32.5 7.5l-2.793-4.207l-1.414 1.414z"/><path fill="#ffcc4d" d="m25.5.5l4.207 2.793l-1.414 1.414z"/><path fill="#c1694f" d="M23 13.5a.502.502 0 0 1-.321-.885c5.709-4.757 5.82-8.581 5.82-8.619c.003-.275.209-.534.503-.496a.5.5 0 0 1 .498.5c0 .173-.07 4.293-6.18 9.384a.5.5 0 0 1-.32.116"/><path fill="#dd2e44" d="M4.826 35.417L.583 31.174a2.005 2.005 0 0 1 0-2.828L19.675 9.254a2.005 2.005 0 0 1 2.828 0l4.243 4.243a2.005 2.005 0 0 1 0 2.828L7.654 35.417a2.007 2.007 0 0 1-2.828 0"/><path fill="#ffcc4d" d="m18.261 10.668l7.071 7.07l-2.121 2.122l-7.071-7.071zM4.12 24.81l7.07 7.07l-2.12 2.122l-7.072-7.07z"/><path fill="#ea596e" d="m22.504 9.254l1.414 1.414l-2.828 2.828l-1.415-1.414zM3.412 28.346l1.414 1.414l-2.828 2.828l-1.414-1.414zm14.142-14.142l1.414 1.414l-12.02 12.02l-1.415-1.414z"/><path fill="#ffd983" d="m19.675 12.082l1.415 1.414l-2.122 2.122l-1.414-1.415zM5.534 26.224l1.414 1.415l-2.122 2.12l-1.414-1.413z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><circle cx="29" cy="4" r="4" fill="#ffe8b6"/><circle cx="29" cy="4" r="3" fill="#ffd983"/><path fill="#ffcc4d" d="m32.5.5l-4.207 2.793l1.414 1.414zm-7 7l2.793-4.207l1.414 1.414z"/><path fill="#ffcc4d" d="m32.5 7.5l-2.793-4.207l-1.414 1.414z"/><path fill="#ffcc4d" d="m25.5.5l4.207 2.793l-1.414 1.414z"/><path fill="#c1694f" d="M23 13.5a.502.502 0 0 1-.321-.885c5.709-4.757 5.82-8.581 5.82-8.619c.003-.275.209-.534.503-.496a.5.5 0 0 1 .498.5c0 .173-.07 4.293-6.18 9.384a.5.5 0 0 1-.32.116"/><path fill="#dd2e44" d="M4.826 35.417L.583 31.174a2.005 2.005 0 0 1 0-2.828L19.675 9.254a2.005 2.005 0 0 1 2.828 0l4.243 4.243a2.005 2.005 0 0 1 0 2.828L7.654 35.417a2.007 2.007 0 0 1-2.828 0"/><path fill="#ffcc4d" d="m18.261 10.668l7.071 7.07l-2.121 2.122l-7.071-7.071zM4.12 24.81l7.07 7.07l-2.12 2.122l-7.072-7.07z"/><path fill="#ea596e" d="m22.504 9.254l1.414 1.414l-2.828 2.828l-1.415-1.414zM3.412 28.346l1.414 1.414l-2.828 2.828l-1.414-1.414zm14.142-14.142l1.414 1.414l-12.02 12.02l-1.415-1.414z"/><path fill="#ffd983" d="m19.675 12.082l1.415 1.414l-2.122 2.122l-1.414-1.415zM5.534 26.224l1.414 1.415l-2.122 2.12l-1.414-1.413z"/></svg> </template>
CSS
.icon-firecracker {
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%3Ccircle%20cx%3D%2229%22%20cy%3D%224%22%20r%3D%224%22%20fill%3D%22%23ffe8b6%22%2F%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%224%22%20r%3D%223%22%20fill%3D%22%23ffd983%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22m32.5.5l-4.207%202.793l1.414%201.414zm-7%207l2.793-4.207l1.414%201.414z%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22m32.5%207.5l-2.793-4.207l-1.414%201.414z%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22m25.5.5l4.207%202.793l-1.414%201.414z%22%2F%3E%3Cpath%20fill%3D%22%23c1694f%22%20d%3D%22M23%2013.5a.502.502%200%200%201-.321-.885c5.709-4.757%205.82-8.581%205.82-8.619c.003-.275.209-.534.503-.496a.5.5%200%200%201%20.498.5c0%20.173-.07%204.293-6.18%209.384a.5.5%200%200%201-.32.116%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M4.826%2035.417L.583%2031.174a2.005%202.005%200%200%201%200-2.828L19.675%209.254a2.005%202.005%200%200%201%202.828%200l4.243%204.243a2.005%202.005%200%200%201%200%202.828L7.654%2035.417a2.007%202.007%200%200%201-2.828%200%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22m18.261%2010.668l7.071%207.07l-2.121%202.122l-7.071-7.071zM4.12%2024.81l7.07%207.07l-2.12%202.122l-7.072-7.07z%22%2F%3E%3Cpath%20fill%3D%22%23ea596e%22%20d%3D%22m22.504%209.254l1.414%201.414l-2.828%202.828l-1.415-1.414zM3.412%2028.346l1.414%201.414l-2.828%202.828l-1.414-1.414zm14.142-14.142l1.414%201.414l-12.02%2012.02l-1.415-1.414z%22%2F%3E%3Cpath%20fill%3D%22%23ffd983%22%20d%3D%22m19.675%2012.082l1.415%201.414l-2.122%202.122l-1.414-1.415zM5.534%2026.224l1.414%201.415l-2.122%202.12l-1.414-1.413z%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%3Ccircle%20cx%3D%2229%22%20cy%3D%224%22%20r%3D%224%22%20fill%3D%22%23ffe8b6%22%2F%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%224%22%20r%3D%223%22%20fill%3D%22%23ffd983%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22m32.5.5l-4.207%202.793l1.414%201.414zm-7%207l2.793-4.207l1.414%201.414z%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22m32.5%207.5l-2.793-4.207l-1.414%201.414z%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22m25.5.5l4.207%202.793l-1.414%201.414z%22%2F%3E%3Cpath%20fill%3D%22%23c1694f%22%20d%3D%22M23%2013.5a.502.502%200%200%201-.321-.885c5.709-4.757%205.82-8.581%205.82-8.619c.003-.275.209-.534.503-.496a.5.5%200%200%201%20.498.5c0%20.173-.07%204.293-6.18%209.384a.5.5%200%200%201-.32.116%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M4.826%2035.417L.583%2031.174a2.005%202.005%200%200%201%200-2.828L19.675%209.254a2.005%202.005%200%200%201%202.828%200l4.243%204.243a2.005%202.005%200%200%201%200%202.828L7.654%2035.417a2.007%202.007%200%200%201-2.828%200%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22m18.261%2010.668l7.071%207.07l-2.121%202.122l-7.071-7.071zM4.12%2024.81l7.07%207.07l-2.12%202.122l-7.072-7.07z%22%2F%3E%3Cpath%20fill%3D%22%23ea596e%22%20d%3D%22m22.504%209.254l1.414%201.414l-2.828%202.828l-1.415-1.414zM3.412%2028.346l1.414%201.414l-2.828%202.828l-1.414-1.414zm14.142-14.142l1.414%201.414l-12.02%2012.02l-1.415-1.414z%22%2F%3E%3Cpath%20fill%3D%22%23ffd983%22%20d%3D%22m19.675%2012.082l1.415%201.414l-2.122%202.122l-1.414-1.415zM5.534%2026.224l1.414%201.415l-2.122%202.12l-1.414-1.413z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/firecracker.svg?color=%231a73e8&size=48
