crescent moon emoji
crescent-moon from Noto Emoji by Google Inc · Default · Travel & Places · Apache-2.0 Free for personal and commercial use.
- Name
- crescent-moon
- Set
- Noto Emoji
- Style
- Default
- Category
- Travel & Places
- Viewbox
- 128×128
- License
- Apache 2.0
The same emoji in other sets
More travel & places icons from Noto Emoji
Use the crescent moon emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#ffb803" d="M99.32 28.84L93.51 9.5l-1.98-2.66s-.15-.18-.17-.24c-.06-.25-.13-.66.11-.97c.18-.23.49-.29.85-.26c.14.01.48.14 1.02.44c5.31 3 28.21 21.75 30.14 52.02c1.09 17.1-5.15 35.4-18.27 48.16c-12.46 12.11-31.28 19.65-51.98 16.7c-30.94-4.41-44.22-23.21-47.69-29.42c-.61-1.1-.91-1.8-.97-1.97c-.82-2.15-.6-3.24.17-3.49c.2-.06.65.02.9.3c1 1.12 2.82 1.85 2.82 1.85l12.88 10.43l63.89 4.84l22.65-49.38z"/><path fill="#ffca29" d="M73.65 87.67c15.97-9.9 23.77-26.72 24.39-42.28c.9-22.79-6.68-38.8-6.68-38.8s14.01 11.5 21.68 28.08s9 43.87-7.78 63.4c-18.45 21.45-43.18 22.72-58.73 18.7c-32.27-8.35-41.09-28.83-41.09-28.83s17.78 9.95 37.77 8.9c14.88-.78 22.54-4.27 30.44-9.17"/></svg>
React
import type { SVGProps } from "react";
export function NotoCrescentMoon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#ffb803" d="M99.32 28.84L93.51 9.5l-1.98-2.66s-.15-.18-.17-.24c-.06-.25-.13-.66.11-.97c.18-.23.49-.29.85-.26c.14.01.48.14 1.02.44c5.31 3 28.21 21.75 30.14 52.02c1.09 17.1-5.15 35.4-18.27 48.16c-12.46 12.11-31.28 19.65-51.98 16.7c-30.94-4.41-44.22-23.21-47.69-29.42c-.61-1.1-.91-1.8-.97-1.97c-.82-2.15-.6-3.24.17-3.49c.2-.06.65.02.9.3c1 1.12 2.82 1.85 2.82 1.85l12.88 10.43l63.89 4.84l22.65-49.38z"/><path fill="#ffca29" d="M73.65 87.67c15.97-9.9 23.77-26.72 24.39-42.28c.9-22.79-6.68-38.8-6.68-38.8s14.01 11.5 21.68 28.08s9 43.87-7.78 63.4c-18.45 21.45-43.18 22.72-58.73 18.7c-32.27-8.35-41.09-28.83-41.09-28.83s17.78 9.95 37.77 8.9c14.88-.78 22.54-4.27 30.44-9.17"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#ffb803" d="M99.32 28.84L93.51 9.5l-1.98-2.66s-.15-.18-.17-.24c-.06-.25-.13-.66.11-.97c.18-.23.49-.29.85-.26c.14.01.48.14 1.02.44c5.31 3 28.21 21.75 30.14 52.02c1.09 17.1-5.15 35.4-18.27 48.16c-12.46 12.11-31.28 19.65-51.98 16.7c-30.94-4.41-44.22-23.21-47.69-29.42c-.61-1.1-.91-1.8-.97-1.97c-.82-2.15-.6-3.24.17-3.49c.2-.06.65.02.9.3c1 1.12 2.82 1.85 2.82 1.85l12.88 10.43l63.89 4.84l22.65-49.38z"/><path fill="#ffca29" d="M73.65 87.67c15.97-9.9 23.77-26.72 24.39-42.28c.9-22.79-6.68-38.8-6.68-38.8s14.01 11.5 21.68 28.08s9 43.87-7.78 63.4c-18.45 21.45-43.18 22.72-58.73 18.7c-32.27-8.35-41.09-28.83-41.09-28.83s17.78 9.95 37.77 8.9c14.88-.78 22.54-4.27 30.44-9.17"/></svg> </template>
CSS
.icon-crescent-moon {
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%20128%20128%22%3E%3Cpath%20fill%3D%22%23ffb803%22%20d%3D%22M99.32%2028.84L93.51%209.5l-1.98-2.66s-.15-.18-.17-.24c-.06-.25-.13-.66.11-.97c.18-.23.49-.29.85-.26c.14.01.48.14%201.02.44c5.31%203%2028.21%2021.75%2030.14%2052.02c1.09%2017.1-5.15%2035.4-18.27%2048.16c-12.46%2012.11-31.28%2019.65-51.98%2016.7c-30.94-4.41-44.22-23.21-47.69-29.42c-.61-1.1-.91-1.8-.97-1.97c-.82-2.15-.6-3.24.17-3.49c.2-.06.65.02.9.3c1%201.12%202.82%201.85%202.82%201.85l12.88%2010.43l63.89%204.84l22.65-49.38z%22%2F%3E%3Cpath%20fill%3D%22%23ffca29%22%20d%3D%22M73.65%2087.67c15.97-9.9%2023.77-26.72%2024.39-42.28c.9-22.79-6.68-38.8-6.68-38.8s14.01%2011.5%2021.68%2028.08s9%2043.87-7.78%2063.4c-18.45%2021.45-43.18%2022.72-58.73%2018.7c-32.27-8.35-41.09-28.83-41.09-28.83s17.78%209.95%2037.77%208.9c14.88-.78%2022.54-4.27%2030.44-9.17%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23ffb803%22%20d%3D%22M99.32%2028.84L93.51%209.5l-1.98-2.66s-.15-.18-.17-.24c-.06-.25-.13-.66.11-.97c.18-.23.49-.29.85-.26c.14.01.48.14%201.02.44c5.31%203%2028.21%2021.75%2030.14%2052.02c1.09%2017.1-5.15%2035.4-18.27%2048.16c-12.46%2012.11-31.28%2019.65-51.98%2016.7c-30.94-4.41-44.22-23.21-47.69-29.42c-.61-1.1-.91-1.8-.97-1.97c-.82-2.15-.6-3.24.17-3.49c.2-.06.65.02.9.3c1%201.12%202.82%201.85%202.82%201.85l12.88%2010.43l63.89%204.84l22.65-49.38z%22%2F%3E%3Cpath%20fill%3D%22%23ffca29%22%20d%3D%22M73.65%2087.67c15.97-9.9%2023.77-26.72%2024.39-42.28c.9-22.79-6.68-38.8-6.68-38.8s14.01%2011.5%2021.68%2028.08s9%2043.87-7.78%2063.4c-18.45%2021.45-43.18%2022.72-58.73%2018.7c-32.27-8.35-41.09-28.83-41.09-28.83s17.78%209.95%2037.77%208.9c14.88-.78%2022.54-4.27%2030.44-9.17%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/noto/crescent-moon.svg?color=%231a73e8&size=48
