first quarter moon face emoji

first-quarter-moon-face from Emoji One (Colored) by Emoji One · Default · Nature · CC-BY-4.0 Attribution required.

Name
first-quarter-moon-face
Set
Emoji One (Colored)
Style
Default
Category
Nature
Viewbox
64×64
License
CC BY 4.0
Aliases
first-quarter-moon-with-face

The same emoji in other sets

first-quarter-moon-faceFluent Emojifirst-quarter-moon-faceFluent Emoji Flatfirst-quarter-moon-faceFluent Emoji High Contrastfirst-quarter-moon-faceNoto Emojifirst-quarter-moon-faceOpenMojifirst-quarter-moon-faceStreamline Emojisfirst-quarter-moon-faceTwitter Emoji

More nature icons from Emoji One (Colored)

antbaby-chickbatbear-facebirdblossomblowfishboarbouquetbugbutterflycactuscamelcatcat-facecherry-blossomchickenchipmunkcloudcloud-with-lightningcloud-with-lightning-and-raincloud-with-raincloud-with-snowcollision

Use the first quarter moon face emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#ffe8a6" d="M22.4 2.2c5 2.5 9.4 6.4 12.4 11.5c1.6 2.7 2.6 5.6 3.2 8.5c.8 3.9.1 9.5-6.8 7.6c-3.7-1-7.3 5.7-.4 7.6c2 .5-4.7 2.1.4 4.9c0 0-5.5 1.3-2.1 3.9c1.5 1.2-.2 3.1-1.1 3.9c-1.4 1.2-3 2.2-4.7 3.2C18.5 55.9 13.2 57.1 8 57c9.3 6.1 21.8 6.9 32.3 1.1c14.8-8.2 20.1-26.5 11.8-40.9C46 6.5 34.1 1 22.4 2.2"/><path fill="#f4dc9f" d="M42.9 47.5c-1.5-.4-3 .4-3.4 1.9c-.4 1.4.5 2.9 1.9 3.3s3-.4 3.4-1.9c.4-1.4-.4-2.9-1.9-3.3m4-32.5c-1.5-.4-3 .4-3.4 1.9c-.4 1.4.5 2.9 1.9 3.3c1.5.4 3-.4 3.4-1.9c.4-1.4-.4-2.9-1.9-3.3M34.1 48.5c-2.4-.7-5 .7-5.6 3.1c-.7 2.4.7 4.9 3.2 5.5s5-.7 5.6-3.1c.7-2.3-.7-4.8-3.2-5.5m17-17.4c-2.6-.7-5.2.8-5.9 3.3s.8 5.1 3.3 5.8c2.6.7 5.2-.8 5.9-3.3c.8-2.5-.7-5.1-3.3-5.8m-26.8 24c-1.2-.3-2.4.4-2.7 1.5s.4 2.3 1.5 2.6c1.2.3 2.4-.4 2.7-1.5c.3-1-.4-2.2-1.5-2.6M38.5 7.4c-.9-.2-1.9.3-2.1 1.2c-.3.9.3 1.8 1.2 2.1c.9.2 1.9-.3 2.1-1.2c.3-.9-.3-1.9-1.2-2.1"/><path fill="#7f5629" d="M45.5 41.7c-.3.5-.9.9-1.4 1.2q-.9.45-1.8.6c-1.2.3-2.5.3-3.8.3c-1.3-.1-2.5-.2-3.7-.5s-2.4-.6-3.6-1.1c2.5.2 4.9.5 7.3.6q1.8.15 3.6 0c.6-.1 1.2-.1 1.8-.3c.6-.1 1.1-.4 1.6-.8"/><path fill="#b79918" d="M37.4 46.8c-1.3.1-2.4-.1-3.6-.2c-.6-.1-1.2-.1-1.7-.1c-.6 0-1.1 0-1.8.1c.4-.5 1.1-.8 1.7-.9s1.3-.1 1.9-.1c1.3.2 2.5.5 3.5 1.2"/><path fill="#7f5629" d="M34.5 37.5c-.3-.2-.6-.3-.8-.4L33 37c-.5-.2-1.1-.4-1.6-.9c.7-.2 1.2-.2 1.9-.1c.3.1.6.2.9.5c.2.3.4.7.3 1"/><path fill="#fff" d="M44.1 23c2.7.7 4.7 3.6 4 6.3c-.8 2.7-4 4.1-6.7 3.4s-2.2-2.9-1.4-5.6c.7-2.7 1.3-4.8 4.1-4.1"/><path fill="#7f5629" d="M42.8 24.6c1.7.5 3.1 2.3 2.7 4s-2.7 2.5-4.4 2.1c-1.7-.5-1.3-1.8-.9-3.5c.5-1.7.9-3.1 2.6-2.6"/><path fill="#b79918" d="M37.1 35.2c.7 1 1.7 1.5 2.7 2l3.1 1.5c1 .5 2.1 1.1 3 1.9c.5.4.9.9 1.2 1.4c.3.6.4 1.2.2 1.8c-.1-1.2-1-2-1.9-2.6s-2-1.1-3-1.7c-1-.5-2.1-1.1-3.1-1.8c-.8-.4-1.8-1.3-2.2-2.5"/></svg>

React

import type { SVGProps } from "react";

export function EmojioneFirstQuarterMoonFace(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#ffe8a6" d="M22.4 2.2c5 2.5 9.4 6.4 12.4 11.5c1.6 2.7 2.6 5.6 3.2 8.5c.8 3.9.1 9.5-6.8 7.6c-3.7-1-7.3 5.7-.4 7.6c2 .5-4.7 2.1.4 4.9c0 0-5.5 1.3-2.1 3.9c1.5 1.2-.2 3.1-1.1 3.9c-1.4 1.2-3 2.2-4.7 3.2C18.5 55.9 13.2 57.1 8 57c9.3 6.1 21.8 6.9 32.3 1.1c14.8-8.2 20.1-26.5 11.8-40.9C46 6.5 34.1 1 22.4 2.2"/><path fill="#f4dc9f" d="M42.9 47.5c-1.5-.4-3 .4-3.4 1.9c-.4 1.4.5 2.9 1.9 3.3s3-.4 3.4-1.9c.4-1.4-.4-2.9-1.9-3.3m4-32.5c-1.5-.4-3 .4-3.4 1.9c-.4 1.4.5 2.9 1.9 3.3c1.5.4 3-.4 3.4-1.9c.4-1.4-.4-2.9-1.9-3.3M34.1 48.5c-2.4-.7-5 .7-5.6 3.1c-.7 2.4.7 4.9 3.2 5.5s5-.7 5.6-3.1c.7-2.3-.7-4.8-3.2-5.5m17-17.4c-2.6-.7-5.2.8-5.9 3.3s.8 5.1 3.3 5.8c2.6.7 5.2-.8 5.9-3.3c.8-2.5-.7-5.1-3.3-5.8m-26.8 24c-1.2-.3-2.4.4-2.7 1.5s.4 2.3 1.5 2.6c1.2.3 2.4-.4 2.7-1.5c.3-1-.4-2.2-1.5-2.6M38.5 7.4c-.9-.2-1.9.3-2.1 1.2c-.3.9.3 1.8 1.2 2.1c.9.2 1.9-.3 2.1-1.2c.3-.9-.3-1.9-1.2-2.1"/><path fill="#7f5629" d="M45.5 41.7c-.3.5-.9.9-1.4 1.2q-.9.45-1.8.6c-1.2.3-2.5.3-3.8.3c-1.3-.1-2.5-.2-3.7-.5s-2.4-.6-3.6-1.1c2.5.2 4.9.5 7.3.6q1.8.15 3.6 0c.6-.1 1.2-.1 1.8-.3c.6-.1 1.1-.4 1.6-.8"/><path fill="#b79918" d="M37.4 46.8c-1.3.1-2.4-.1-3.6-.2c-.6-.1-1.2-.1-1.7-.1c-.6 0-1.1 0-1.8.1c.4-.5 1.1-.8 1.7-.9s1.3-.1 1.9-.1c1.3.2 2.5.5 3.5 1.2"/><path fill="#7f5629" d="M34.5 37.5c-.3-.2-.6-.3-.8-.4L33 37c-.5-.2-1.1-.4-1.6-.9c.7-.2 1.2-.2 1.9-.1c.3.1.6.2.9.5c.2.3.4.7.3 1"/><path fill="#fff" d="M44.1 23c2.7.7 4.7 3.6 4 6.3c-.8 2.7-4 4.1-6.7 3.4s-2.2-2.9-1.4-5.6c.7-2.7 1.3-4.8 4.1-4.1"/><path fill="#7f5629" d="M42.8 24.6c1.7.5 3.1 2.3 2.7 4s-2.7 2.5-4.4 2.1c-1.7-.5-1.3-1.8-.9-3.5c.5-1.7.9-3.1 2.6-2.6"/><path fill="#b79918" d="M37.1 35.2c.7 1 1.7 1.5 2.7 2l3.1 1.5c1 .5 2.1 1.1 3 1.9c.5.4.9.9 1.2 1.4c.3.6.4 1.2.2 1.8c-.1-1.2-1-2-1.9-2.6s-2-1.1-3-1.7c-1-.5-2.1-1.1-3.1-1.8c-.8-.4-1.8-1.3-2.2-2.5"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#ffe8a6" d="M22.4 2.2c5 2.5 9.4 6.4 12.4 11.5c1.6 2.7 2.6 5.6 3.2 8.5c.8 3.9.1 9.5-6.8 7.6c-3.7-1-7.3 5.7-.4 7.6c2 .5-4.7 2.1.4 4.9c0 0-5.5 1.3-2.1 3.9c1.5 1.2-.2 3.1-1.1 3.9c-1.4 1.2-3 2.2-4.7 3.2C18.5 55.9 13.2 57.1 8 57c9.3 6.1 21.8 6.9 32.3 1.1c14.8-8.2 20.1-26.5 11.8-40.9C46 6.5 34.1 1 22.4 2.2"/><path fill="#f4dc9f" d="M42.9 47.5c-1.5-.4-3 .4-3.4 1.9c-.4 1.4.5 2.9 1.9 3.3s3-.4 3.4-1.9c.4-1.4-.4-2.9-1.9-3.3m4-32.5c-1.5-.4-3 .4-3.4 1.9c-.4 1.4.5 2.9 1.9 3.3c1.5.4 3-.4 3.4-1.9c.4-1.4-.4-2.9-1.9-3.3M34.1 48.5c-2.4-.7-5 .7-5.6 3.1c-.7 2.4.7 4.9 3.2 5.5s5-.7 5.6-3.1c.7-2.3-.7-4.8-3.2-5.5m17-17.4c-2.6-.7-5.2.8-5.9 3.3s.8 5.1 3.3 5.8c2.6.7 5.2-.8 5.9-3.3c.8-2.5-.7-5.1-3.3-5.8m-26.8 24c-1.2-.3-2.4.4-2.7 1.5s.4 2.3 1.5 2.6c1.2.3 2.4-.4 2.7-1.5c.3-1-.4-2.2-1.5-2.6M38.5 7.4c-.9-.2-1.9.3-2.1 1.2c-.3.9.3 1.8 1.2 2.1c.9.2 1.9-.3 2.1-1.2c.3-.9-.3-1.9-1.2-2.1"/><path fill="#7f5629" d="M45.5 41.7c-.3.5-.9.9-1.4 1.2q-.9.45-1.8.6c-1.2.3-2.5.3-3.8.3c-1.3-.1-2.5-.2-3.7-.5s-2.4-.6-3.6-1.1c2.5.2 4.9.5 7.3.6q1.8.15 3.6 0c.6-.1 1.2-.1 1.8-.3c.6-.1 1.1-.4 1.6-.8"/><path fill="#b79918" d="M37.4 46.8c-1.3.1-2.4-.1-3.6-.2c-.6-.1-1.2-.1-1.7-.1c-.6 0-1.1 0-1.8.1c.4-.5 1.1-.8 1.7-.9s1.3-.1 1.9-.1c1.3.2 2.5.5 3.5 1.2"/><path fill="#7f5629" d="M34.5 37.5c-.3-.2-.6-.3-.8-.4L33 37c-.5-.2-1.1-.4-1.6-.9c.7-.2 1.2-.2 1.9-.1c.3.1.6.2.9.5c.2.3.4.7.3 1"/><path fill="#fff" d="M44.1 23c2.7.7 4.7 3.6 4 6.3c-.8 2.7-4 4.1-6.7 3.4s-2.2-2.9-1.4-5.6c.7-2.7 1.3-4.8 4.1-4.1"/><path fill="#7f5629" d="M42.8 24.6c1.7.5 3.1 2.3 2.7 4s-2.7 2.5-4.4 2.1c-1.7-.5-1.3-1.8-.9-3.5c.5-1.7.9-3.1 2.6-2.6"/><path fill="#b79918" d="M37.1 35.2c.7 1 1.7 1.5 2.7 2l3.1 1.5c1 .5 2.1 1.1 3 1.9c.5.4.9.9 1.2 1.4c.3.6.4 1.2.2 1.8c-.1-1.2-1-2-1.9-2.6s-2-1.1-3-1.7c-1-.5-2.1-1.1-3.1-1.8c-.8-.4-1.8-1.3-2.2-2.5"/></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%2064%2064%22%3E%3Cpath%20fill%3D%22%23ffe8a6%22%20d%3D%22M22.4%202.2c5%202.5%209.4%206.4%2012.4%2011.5c1.6%202.7%202.6%205.6%203.2%208.5c.8%203.9.1%209.5-6.8%207.6c-3.7-1-7.3%205.7-.4%207.6c2%20.5-4.7%202.1.4%204.9c0%200-5.5%201.3-2.1%203.9c1.5%201.2-.2%203.1-1.1%203.9c-1.4%201.2-3%202.2-4.7%203.2C18.5%2055.9%2013.2%2057.1%208%2057c9.3%206.1%2021.8%206.9%2032.3%201.1c14.8-8.2%2020.1-26.5%2011.8-40.9C46%206.5%2034.1%201%2022.4%202.2%22%2F%3E%3Cpath%20fill%3D%22%23f4dc9f%22%20d%3D%22M42.9%2047.5c-1.5-.4-3%20.4-3.4%201.9c-.4%201.4.5%202.9%201.9%203.3s3-.4%203.4-1.9c.4-1.4-.4-2.9-1.9-3.3m4-32.5c-1.5-.4-3%20.4-3.4%201.9c-.4%201.4.5%202.9%201.9%203.3c1.5.4%203-.4%203.4-1.9c.4-1.4-.4-2.9-1.9-3.3M34.1%2048.5c-2.4-.7-5%20.7-5.6%203.1c-.7%202.4.7%204.9%203.2%205.5s5-.7%205.6-3.1c.7-2.3-.7-4.8-3.2-5.5m17-17.4c-2.6-.7-5.2.8-5.9%203.3s.8%205.1%203.3%205.8c2.6.7%205.2-.8%205.9-3.3c.8-2.5-.7-5.1-3.3-5.8m-26.8%2024c-1.2-.3-2.4.4-2.7%201.5s.4%202.3%201.5%202.6c1.2.3%202.4-.4%202.7-1.5c.3-1-.4-2.2-1.5-2.6M38.5%207.4c-.9-.2-1.9.3-2.1%201.2c-.3.9.3%201.8%201.2%202.1c.9.2%201.9-.3%202.1-1.2c.3-.9-.3-1.9-1.2-2.1%22%2F%3E%3Cpath%20fill%3D%22%237f5629%22%20d%3D%22M45.5%2041.7c-.3.5-.9.9-1.4%201.2q-.9.45-1.8.6c-1.2.3-2.5.3-3.8.3c-1.3-.1-2.5-.2-3.7-.5s-2.4-.6-3.6-1.1c2.5.2%204.9.5%207.3.6q1.8.15%203.6%200c.6-.1%201.2-.1%201.8-.3c.6-.1%201.1-.4%201.6-.8%22%2F%3E%3Cpath%20fill%3D%22%23b79918%22%20d%3D%22M37.4%2046.8c-1.3.1-2.4-.1-3.6-.2c-.6-.1-1.2-.1-1.7-.1c-.6%200-1.1%200-1.8.1c.4-.5%201.1-.8%201.7-.9s1.3-.1%201.9-.1c1.3.2%202.5.5%203.5%201.2%22%2F%3E%3Cpath%20fill%3D%22%237f5629%22%20d%3D%22M34.5%2037.5c-.3-.2-.6-.3-.8-.4L33%2037c-.5-.2-1.1-.4-1.6-.9c.7-.2%201.2-.2%201.9-.1c.3.1.6.2.9.5c.2.3.4.7.3%201%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M44.1%2023c2.7.7%204.7%203.6%204%206.3c-.8%202.7-4%204.1-6.7%203.4s-2.2-2.9-1.4-5.6c.7-2.7%201.3-4.8%204.1-4.1%22%2F%3E%3Cpath%20fill%3D%22%237f5629%22%20d%3D%22M42.8%2024.6c1.7.5%203.1%202.3%202.7%204s-2.7%202.5-4.4%202.1c-1.7-.5-1.3-1.8-.9-3.5c.5-1.7.9-3.1%202.6-2.6%22%2F%3E%3Cpath%20fill%3D%22%23b79918%22%20d%3D%22M37.1%2035.2c.7%201%201.7%201.5%202.7%202l3.1%201.5c1%20.5%202.1%201.1%203%201.9c.5.4.9.9%201.2%201.4c.3.6.4%201.2.2%201.8c-.1-1.2-1-2-1.9-2.6s-2-1.1-3-1.7c-1-.5-2.1-1.1-3.1-1.8c-.8-.4-1.8-1.3-2.2-2.5%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%2064%2064%22%3E%3Cpath%20fill%3D%22%23ffe8a6%22%20d%3D%22M22.4%202.2c5%202.5%209.4%206.4%2012.4%2011.5c1.6%202.7%202.6%205.6%203.2%208.5c.8%203.9.1%209.5-6.8%207.6c-3.7-1-7.3%205.7-.4%207.6c2%20.5-4.7%202.1.4%204.9c0%200-5.5%201.3-2.1%203.9c1.5%201.2-.2%203.1-1.1%203.9c-1.4%201.2-3%202.2-4.7%203.2C18.5%2055.9%2013.2%2057.1%208%2057c9.3%206.1%2021.8%206.9%2032.3%201.1c14.8-8.2%2020.1-26.5%2011.8-40.9C46%206.5%2034.1%201%2022.4%202.2%22%2F%3E%3Cpath%20fill%3D%22%23f4dc9f%22%20d%3D%22M42.9%2047.5c-1.5-.4-3%20.4-3.4%201.9c-.4%201.4.5%202.9%201.9%203.3s3-.4%203.4-1.9c.4-1.4-.4-2.9-1.9-3.3m4-32.5c-1.5-.4-3%20.4-3.4%201.9c-.4%201.4.5%202.9%201.9%203.3c1.5.4%203-.4%203.4-1.9c.4-1.4-.4-2.9-1.9-3.3M34.1%2048.5c-2.4-.7-5%20.7-5.6%203.1c-.7%202.4.7%204.9%203.2%205.5s5-.7%205.6-3.1c.7-2.3-.7-4.8-3.2-5.5m17-17.4c-2.6-.7-5.2.8-5.9%203.3s.8%205.1%203.3%205.8c2.6.7%205.2-.8%205.9-3.3c.8-2.5-.7-5.1-3.3-5.8m-26.8%2024c-1.2-.3-2.4.4-2.7%201.5s.4%202.3%201.5%202.6c1.2.3%202.4-.4%202.7-1.5c.3-1-.4-2.2-1.5-2.6M38.5%207.4c-.9-.2-1.9.3-2.1%201.2c-.3.9.3%201.8%201.2%202.1c.9.2%201.9-.3%202.1-1.2c.3-.9-.3-1.9-1.2-2.1%22%2F%3E%3Cpath%20fill%3D%22%237f5629%22%20d%3D%22M45.5%2041.7c-.3.5-.9.9-1.4%201.2q-.9.45-1.8.6c-1.2.3-2.5.3-3.8.3c-1.3-.1-2.5-.2-3.7-.5s-2.4-.6-3.6-1.1c2.5.2%204.9.5%207.3.6q1.8.15%203.6%200c.6-.1%201.2-.1%201.8-.3c.6-.1%201.1-.4%201.6-.8%22%2F%3E%3Cpath%20fill%3D%22%23b79918%22%20d%3D%22M37.4%2046.8c-1.3.1-2.4-.1-3.6-.2c-.6-.1-1.2-.1-1.7-.1c-.6%200-1.1%200-1.8.1c.4-.5%201.1-.8%201.7-.9s1.3-.1%201.9-.1c1.3.2%202.5.5%203.5%201.2%22%2F%3E%3Cpath%20fill%3D%22%237f5629%22%20d%3D%22M34.5%2037.5c-.3-.2-.6-.3-.8-.4L33%2037c-.5-.2-1.1-.4-1.6-.9c.7-.2%201.2-.2%201.9-.1c.3.1.6.2.9.5c.2.3.4.7.3%201%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M44.1%2023c2.7.7%204.7%203.6%204%206.3c-.8%202.7-4%204.1-6.7%203.4s-2.2-2.9-1.4-5.6c.7-2.7%201.3-4.8%204.1-4.1%22%2F%3E%3Cpath%20fill%3D%22%237f5629%22%20d%3D%22M42.8%2024.6c1.7.5%203.1%202.3%202.7%204s-2.7%202.5-4.4%202.1c-1.7-.5-1.3-1.8-.9-3.5c.5-1.7.9-3.1%202.6-2.6%22%2F%3E%3Cpath%20fill%3D%22%23b79918%22%20d%3D%22M37.1%2035.2c.7%201%201.7%201.5%202.7%202l3.1%201.5c1%20.5%202.1%201.1%203%201.9c.5.4.9.9%201.2%201.4c.3.6.4%201.2.2%201.8c-.1-1.2-1-2-1.9-2.6s-2-1.1-3-1.7c-1-.5-2.1-1.1-3.1-1.8c-.8-.4-1.8-1.3-2.2-2.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/first-quarter-moon-face.svg?color=%231a73e8&size=48