first quarter moon face emoji
first-quarter-moon-face from Fluent Emoji Flat by Microsoft Corporation · Default · Travel & Places · MIT Free for personal and commercial use.
- Name
- first-quarter-moon-face
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Travel & Places
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More travel & places icons from Fluent Emoji Flat
Use the first quarter moon face emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#fcd53f" d="M15.494 18.417a13.73 13.73 0 0 1-7.898 9.341c-.5.22-.5.92 0 1.13c5.35 2.25 11.8 1.04 15.93-3.63c4.5-5.09 4.65-12.91.32-18.15c-3.51-4.25-8.85-5.84-13.73-4.8c-.52.11-.64.81-.2 1.11c1.29.88 2.46 1.99 3.44 3.38a14.1 14.1 0 0 1 2.476 6.604q.022.28.024.586c.008.782-.582 1.283-1.062 1.69a6 6 0 0 0-.348.31a.993.993 0 0 0 .01 1.4z"/><path fill="#f9c23c" d="M15.126 5.088a3.5 3.5 0 0 0 3.191-2.059a14 14 0 0 0-6.658-.96a3.5 3.5 0 0 0 3.467 3.02m11.042 15.696c.8-2.232 1.025-4.639.667-6.969a3.5 3.5 0 1 0-.667 6.968m-10.611 8.294a2.54 2.54 0 1 0 0-5.08a2.54 2.54 0 0 0 0 5.08m5.62-22.5a1.57 1.57 0 1 1-3.14 0a1.57 1.57 0 0 1 3.14 0"/><path fill="#321b41" d="M20.867 8.538a.5.5 0 0 1 .5-.5a3.48 3.48 0 0 1 3.48 3.48a.5.5 0 1 1-1 0a2.48 2.48 0 0 0-2.48-2.48a.5.5 0 0 1-.5-.5m-1.698 9.507a.75.75 0 0 1 .64.846a2.526 2.526 0 0 1-2.493 2.177a.75.75 0 0 1 0-1.5c.502 0 .938-.38 1.007-.882a.75.75 0 0 1 .846-.64m1.277-7.037a2.88 2.88 0 0 0-2.732 1.976a.75.75 0 1 0 1.425.469c.181-.55.7-.945 1.307-.945a1.37 1.37 0 0 1 1.282.864a.75.75 0 1 0 1.396-.548a2.87 2.87 0 0 0-2.678-1.816"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatFirstQuarterMoonFace(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#fcd53f" d="M15.494 18.417a13.73 13.73 0 0 1-7.898 9.341c-.5.22-.5.92 0 1.13c5.35 2.25 11.8 1.04 15.93-3.63c4.5-5.09 4.65-12.91.32-18.15c-3.51-4.25-8.85-5.84-13.73-4.8c-.52.11-.64.81-.2 1.11c1.29.88 2.46 1.99 3.44 3.38a14.1 14.1 0 0 1 2.476 6.604q.022.28.024.586c.008.782-.582 1.283-1.062 1.69a6 6 0 0 0-.348.31a.993.993 0 0 0 .01 1.4z"/><path fill="#f9c23c" d="M15.126 5.088a3.5 3.5 0 0 0 3.191-2.059a14 14 0 0 0-6.658-.96a3.5 3.5 0 0 0 3.467 3.02m11.042 15.696c.8-2.232 1.025-4.639.667-6.969a3.5 3.5 0 1 0-.667 6.968m-10.611 8.294a2.54 2.54 0 1 0 0-5.08a2.54 2.54 0 0 0 0 5.08m5.62-22.5a1.57 1.57 0 1 1-3.14 0a1.57 1.57 0 0 1 3.14 0"/><path fill="#321b41" d="M20.867 8.538a.5.5 0 0 1 .5-.5a3.48 3.48 0 0 1 3.48 3.48a.5.5 0 1 1-1 0a2.48 2.48 0 0 0-2.48-2.48a.5.5 0 0 1-.5-.5m-1.698 9.507a.75.75 0 0 1 .64.846a2.526 2.526 0 0 1-2.493 2.177a.75.75 0 0 1 0-1.5c.502 0 .938-.38 1.007-.882a.75.75 0 0 1 .846-.64m1.277-7.037a2.88 2.88 0 0 0-2.732 1.976a.75.75 0 1 0 1.425.469c.181-.55.7-.945 1.307-.945a1.37 1.37 0 0 1 1.282.864a.75.75 0 1 0 1.396-.548a2.87 2.87 0 0 0-2.678-1.816"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#fcd53f" d="M15.494 18.417a13.73 13.73 0 0 1-7.898 9.341c-.5.22-.5.92 0 1.13c5.35 2.25 11.8 1.04 15.93-3.63c4.5-5.09 4.65-12.91.32-18.15c-3.51-4.25-8.85-5.84-13.73-4.8c-.52.11-.64.81-.2 1.11c1.29.88 2.46 1.99 3.44 3.38a14.1 14.1 0 0 1 2.476 6.604q.022.28.024.586c.008.782-.582 1.283-1.062 1.69a6 6 0 0 0-.348.31a.993.993 0 0 0 .01 1.4z"/><path fill="#f9c23c" d="M15.126 5.088a3.5 3.5 0 0 0 3.191-2.059a14 14 0 0 0-6.658-.96a3.5 3.5 0 0 0 3.467 3.02m11.042 15.696c.8-2.232 1.025-4.639.667-6.969a3.5 3.5 0 1 0-.667 6.968m-10.611 8.294a2.54 2.54 0 1 0 0-5.08a2.54 2.54 0 0 0 0 5.08m5.62-22.5a1.57 1.57 0 1 1-3.14 0a1.57 1.57 0 0 1 3.14 0"/><path fill="#321b41" d="M20.867 8.538a.5.5 0 0 1 .5-.5a3.48 3.48 0 0 1 3.48 3.48a.5.5 0 1 1-1 0a2.48 2.48 0 0 0-2.48-2.48a.5.5 0 0 1-.5-.5m-1.698 9.507a.75.75 0 0 1 .64.846a2.526 2.526 0 0 1-2.493 2.177a.75.75 0 0 1 0-1.5c.502 0 .938-.38 1.007-.882a.75.75 0 0 1 .846-.64m1.277-7.037a2.88 2.88 0 0 0-2.732 1.976a.75.75 0 1 0 1.425.469c.181-.55.7-.945 1.307-.945a1.37 1.37 0 0 1 1.282.864a.75.75 0 1 0 1.396-.548a2.87 2.87 0 0 0-2.678-1.816"/></g></svg> </template>
CSS
.icon-first-quarter-moon-face {
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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23fcd53f%22%20d%3D%22M15.494%2018.417a13.73%2013.73%200%200%201-7.898%209.341c-.5.22-.5.92%200%201.13c5.35%202.25%2011.8%201.04%2015.93-3.63c4.5-5.09%204.65-12.91.32-18.15c-3.51-4.25-8.85-5.84-13.73-4.8c-.52.11-.64.81-.2%201.11c1.29.88%202.46%201.99%203.44%203.38a14.1%2014.1%200%200%201%202.476%206.604q.022.28.024.586c.008.782-.582%201.283-1.062%201.69a6%206%200%200%200-.348.31a.993.993%200%200%200%20.01%201.4z%22%2F%3E%3Cpath%20fill%3D%22%23f9c23c%22%20d%3D%22M15.126%205.088a3.5%203.5%200%200%200%203.191-2.059a14%2014%200%200%200-6.658-.96a3.5%203.5%200%200%200%203.467%203.02m11.042%2015.696c.8-2.232%201.025-4.639.667-6.969a3.5%203.5%200%201%200-.667%206.968m-10.611%208.294a2.54%202.54%200%201%200%200-5.08a2.54%202.54%200%200%200%200%205.08m5.62-22.5a1.57%201.57%200%201%201-3.14%200a1.57%201.57%200%200%201%203.14%200%22%2F%3E%3Cpath%20fill%3D%22%23321b41%22%20d%3D%22M20.867%208.538a.5.5%200%200%201%20.5-.5a3.48%203.48%200%200%201%203.48%203.48a.5.5%200%201%201-1%200a2.48%202.48%200%200%200-2.48-2.48a.5.5%200%200%201-.5-.5m-1.698%209.507a.75.75%200%200%201%20.64.846a2.526%202.526%200%200%201-2.493%202.177a.75.75%200%200%201%200-1.5c.502%200%20.938-.38%201.007-.882a.75.75%200%200%201%20.846-.64m1.277-7.037a2.88%202.88%200%200%200-2.732%201.976a.75.75%200%201%200%201.425.469c.181-.55.7-.945%201.307-.945a1.37%201.37%200%200%201%201.282.864a.75.75%200%201%200%201.396-.548a2.87%202.87%200%200%200-2.678-1.816%22%2F%3E%3C%2Fg%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23fcd53f%22%20d%3D%22M15.494%2018.417a13.73%2013.73%200%200%201-7.898%209.341c-.5.22-.5.92%200%201.13c5.35%202.25%2011.8%201.04%2015.93-3.63c4.5-5.09%204.65-12.91.32-18.15c-3.51-4.25-8.85-5.84-13.73-4.8c-.52.11-.64.81-.2%201.11c1.29.88%202.46%201.99%203.44%203.38a14.1%2014.1%200%200%201%202.476%206.604q.022.28.024.586c.008.782-.582%201.283-1.062%201.69a6%206%200%200%200-.348.31a.993.993%200%200%200%20.01%201.4z%22%2F%3E%3Cpath%20fill%3D%22%23f9c23c%22%20d%3D%22M15.126%205.088a3.5%203.5%200%200%200%203.191-2.059a14%2014%200%200%200-6.658-.96a3.5%203.5%200%200%200%203.467%203.02m11.042%2015.696c.8-2.232%201.025-4.639.667-6.969a3.5%203.5%200%201%200-.667%206.968m-10.611%208.294a2.54%202.54%200%201%200%200-5.08a2.54%202.54%200%200%200%200%205.08m5.62-22.5a1.57%201.57%200%201%201-3.14%200a1.57%201.57%200%200%201%203.14%200%22%2F%3E%3Cpath%20fill%3D%22%23321b41%22%20d%3D%22M20.867%208.538a.5.5%200%200%201%20.5-.5a3.48%203.48%200%200%201%203.48%203.48a.5.5%200%201%201-1%200a2.48%202.48%200%200%200-2.48-2.48a.5.5%200%200%201-.5-.5m-1.698%209.507a.75.75%200%200%201%20.64.846a2.526%202.526%200%200%201-2.493%202.177a.75.75%200%200%201%200-1.5c.502%200%20.938-.38%201.007-.882a.75.75%200%200%201%20.846-.64m1.277-7.037a2.88%202.88%200%200%200-2.732%201.976a.75.75%200%201%200%201.425.469c.181-.55.7-.945%201.307-.945a1.37%201.37%200%200%201%201.282.864a.75.75%200%201%200%201.396-.548a2.87%202.87%200%200%200-2.678-1.816%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/first-quarter-moon-face.svg?color=%231a73e8&size=48
