comet emoji
comet from Twitter Emoji by Twitter · Default · Travel & Places · CC-BY-4.0 Attribution required.
- Name
- comet
- Set
- Twitter Emoji
- Style
- Default
- Category
- Travel & Places
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More travel & places icons from Twitter Emoji
Use the comet emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#5dadec" d="M33.662.049c-1.148-.077-5.869-.75-17.522 6.665S-1.646 26.609 3.604 33.329c1.104 1.413 5.518 4.283 10.682.53c3.247-2.359 4.242-7.52 7.15-14.434c1.986-4.723 6.444-13.594 12.668-17.611c1.942-.97.22-1.72-.442-1.765"/><path fill="#8ccaf7" d="M16.625 13.651c-.265-1.059.971-4.281 1.324-5.164c-6.437 2.929-12.509 11.616-12.47 13.18c.006.227.139.305.42.193c5.398-2.166 8.882 1.07 9.807 3.751c.095.274.214.414.339.44c.171.036.352-.15.494-.557C18.565 19.675 23.112 9.055 27.835 5c-2.648 1.28-10.106 6.797-11.21 8.651"/><path fill="#bdddf4" d="M14.242 12.989c-1.737.827-7.275 6.192-8.762 8.678c.006.227.139.305.42.193c5.398-2.166 8.882 1.07 9.807 3.751c.095.274.214.414.339.44c.057-2.328-.092-7.616 2.213-11.561c-4.061 3.707-5.076 3.618-4.017-1.501"/><path fill="#f5f8fa" d="M8.725 23.663a5.297 5.297 0 1 0 0 10.594a5.297 5.297 0 0 0 0-10.594"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiComet(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#5dadec" d="M33.662.049c-1.148-.077-5.869-.75-17.522 6.665S-1.646 26.609 3.604 33.329c1.104 1.413 5.518 4.283 10.682.53c3.247-2.359 4.242-7.52 7.15-14.434c1.986-4.723 6.444-13.594 12.668-17.611c1.942-.97.22-1.72-.442-1.765"/><path fill="#8ccaf7" d="M16.625 13.651c-.265-1.059.971-4.281 1.324-5.164c-6.437 2.929-12.509 11.616-12.47 13.18c.006.227.139.305.42.193c5.398-2.166 8.882 1.07 9.807 3.751c.095.274.214.414.339.44c.171.036.352-.15.494-.557C18.565 19.675 23.112 9.055 27.835 5c-2.648 1.28-10.106 6.797-11.21 8.651"/><path fill="#bdddf4" d="M14.242 12.989c-1.737.827-7.275 6.192-8.762 8.678c.006.227.139.305.42.193c5.398-2.166 8.882 1.07 9.807 3.751c.095.274.214.414.339.44c.057-2.328-.092-7.616 2.213-11.561c-4.061 3.707-5.076 3.618-4.017-1.501"/><path fill="#f5f8fa" d="M8.725 23.663a5.297 5.297 0 1 0 0 10.594a5.297 5.297 0 0 0 0-10.594"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#5dadec" d="M33.662.049c-1.148-.077-5.869-.75-17.522 6.665S-1.646 26.609 3.604 33.329c1.104 1.413 5.518 4.283 10.682.53c3.247-2.359 4.242-7.52 7.15-14.434c1.986-4.723 6.444-13.594 12.668-17.611c1.942-.97.22-1.72-.442-1.765"/><path fill="#8ccaf7" d="M16.625 13.651c-.265-1.059.971-4.281 1.324-5.164c-6.437 2.929-12.509 11.616-12.47 13.18c.006.227.139.305.42.193c5.398-2.166 8.882 1.07 9.807 3.751c.095.274.214.414.339.44c.171.036.352-.15.494-.557C18.565 19.675 23.112 9.055 27.835 5c-2.648 1.28-10.106 6.797-11.21 8.651"/><path fill="#bdddf4" d="M14.242 12.989c-1.737.827-7.275 6.192-8.762 8.678c.006.227.139.305.42.193c5.398-2.166 8.882 1.07 9.807 3.751c.095.274.214.414.339.44c.057-2.328-.092-7.616 2.213-11.561c-4.061 3.707-5.076 3.618-4.017-1.501"/><path fill="#f5f8fa" d="M8.725 23.663a5.297 5.297 0 1 0 0 10.594a5.297 5.297 0 0 0 0-10.594"/></svg> </template>
CSS
.icon-comet {
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%235dadec%22%20d%3D%22M33.662.049c-1.148-.077-5.869-.75-17.522%206.665S-1.646%2026.609%203.604%2033.329c1.104%201.413%205.518%204.283%2010.682.53c3.247-2.359%204.242-7.52%207.15-14.434c1.986-4.723%206.444-13.594%2012.668-17.611c1.942-.97.22-1.72-.442-1.765%22%2F%3E%3Cpath%20fill%3D%22%238ccaf7%22%20d%3D%22M16.625%2013.651c-.265-1.059.971-4.281%201.324-5.164c-6.437%202.929-12.509%2011.616-12.47%2013.18c.006.227.139.305.42.193c5.398-2.166%208.882%201.07%209.807%203.751c.095.274.214.414.339.44c.171.036.352-.15.494-.557C18.565%2019.675%2023.112%209.055%2027.835%205c-2.648%201.28-10.106%206.797-11.21%208.651%22%2F%3E%3Cpath%20fill%3D%22%23bdddf4%22%20d%3D%22M14.242%2012.989c-1.737.827-7.275%206.192-8.762%208.678c.006.227.139.305.42.193c5.398-2.166%208.882%201.07%209.807%203.751c.095.274.214.414.339.44c.057-2.328-.092-7.616%202.213-11.561c-4.061%203.707-5.076%203.618-4.017-1.501%22%2F%3E%3Cpath%20fill%3D%22%23f5f8fa%22%20d%3D%22M8.725%2023.663a5.297%205.297%200%201%200%200%2010.594a5.297%205.297%200%200%200%200-10.594%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%235dadec%22%20d%3D%22M33.662.049c-1.148-.077-5.869-.75-17.522%206.665S-1.646%2026.609%203.604%2033.329c1.104%201.413%205.518%204.283%2010.682.53c3.247-2.359%204.242-7.52%207.15-14.434c1.986-4.723%206.444-13.594%2012.668-17.611c1.942-.97.22-1.72-.442-1.765%22%2F%3E%3Cpath%20fill%3D%22%238ccaf7%22%20d%3D%22M16.625%2013.651c-.265-1.059.971-4.281%201.324-5.164c-6.437%202.929-12.509%2011.616-12.47%2013.18c.006.227.139.305.42.193c5.398-2.166%208.882%201.07%209.807%203.751c.095.274.214.414.339.44c.171.036.352-.15.494-.557C18.565%2019.675%2023.112%209.055%2027.835%205c-2.648%201.28-10.106%206.797-11.21%208.651%22%2F%3E%3Cpath%20fill%3D%22%23bdddf4%22%20d%3D%22M14.242%2012.989c-1.737.827-7.275%206.192-8.762%208.678c.006.227.139.305.42.193c5.398-2.166%208.882%201.07%209.807%203.751c.095.274.214.414.339.44c.057-2.328-.092-7.616%202.213-11.561c-4.061%203.707-5.076%203.618-4.017-1.501%22%2F%3E%3Cpath%20fill%3D%22%23f5f8fa%22%20d%3D%22M8.725%2023.663a5.297%205.297%200%201%200%200%2010.594a5.297%205.297%200%200%200%200-10.594%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/comet.svg?color=%231a73e8&size=48
