firstquartermoonface emoji

firstquartermoonface from Firefox OS Emoji by Mozilla · Default · Nature · Apache-2.0 Free for personal and commercial use.

Name
firstquartermoonface
Set
Firefox OS Emoji
Style
Default
Category
Nature
Viewbox
512×512
License
Apache 2.0

More nature icons from Firefox OS Emoji

acornamericasglobeantasiaaustraliaglobebabychickbactriancamelbearbirdblackrosetteblossomblowfishboarboltbouquetbouquetofflowersbugbunnybunnysidecactuscatcatsidecherryblossomchickenchilipepper

Use the firstquartermoonface emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#fde364" d="m159.035 400.089l-.038.008c13.087-20.624 12.247-28.911 12.247-36.246c0-12.502 38.144 3.06 54.538-14.73c2.798-3.03.495-7.927-3.614-7.612c-19.635 1.53-42.787-2.535-42.787-9.93c0-5.22 11.55-17.107 15.547-30.404c-23.571-1.732-56.51-7.792-46.378-23.714c11.43-17.969 49.356-76.265 37.506-116.246a261 261 0 0 0-4.642-10.627c-.015-.023-.022-.038-.038-.06l.016.023C160.67 105.995 127.236 68.549 85.755 42.81c-7.207-4.47-6.284-15.157 1.568-18.367C116.294 12.622 147.928 6 181.151 6c138.07 0 249.996 111.934 249.996 250.004S319.221 506 181.151 506c-32.902 0-64.235-6.495-92.974-18.097c-8.205-3.307-9.165-14.49-1.665-19.184a252.7 252.7 0 0 0 72.523-68.63"/><path fill="#2c3c47" d="M277.672 182.415c10.844 0 19.634 8.79 19.634 19.634v24.134c0 10.837-8.79 19.634-19.634 19.634s-19.635-8.797-19.635-19.634V202.05c0-10.845 8.79-19.635 19.635-19.635"/><path fill="#fbb436" d="M254.637 159.609a6.854 6.854 0 0 1-5.535-10.892c6.936-9.519 17.342-14.98 28.549-14.984h.013c11.213 0 21.628 5.458 28.575 14.98a6.85 6.85 0 0 1-1.496 9.577a6.85 6.85 0 0 1-9.577-1.496c-4.338-5.944-10.719-9.353-17.503-9.353h-.008c-6.777.003-13.147 3.411-17.475 9.35a6.84 6.84 0 0 1-5.543 2.818"/></svg>

React

import type { SVGProps } from "react";

export function FxemojiFirstquartermoonface(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#fde364" d="m159.035 400.089l-.038.008c13.087-20.624 12.247-28.911 12.247-36.246c0-12.502 38.144 3.06 54.538-14.73c2.798-3.03.495-7.927-3.614-7.612c-19.635 1.53-42.787-2.535-42.787-9.93c0-5.22 11.55-17.107 15.547-30.404c-23.571-1.732-56.51-7.792-46.378-23.714c11.43-17.969 49.356-76.265 37.506-116.246a261 261 0 0 0-4.642-10.627c-.015-.023-.022-.038-.038-.06l.016.023C160.67 105.995 127.236 68.549 85.755 42.81c-7.207-4.47-6.284-15.157 1.568-18.367C116.294 12.622 147.928 6 181.151 6c138.07 0 249.996 111.934 249.996 250.004S319.221 506 181.151 506c-32.902 0-64.235-6.495-92.974-18.097c-8.205-3.307-9.165-14.49-1.665-19.184a252.7 252.7 0 0 0 72.523-68.63"/><path fill="#2c3c47" d="M277.672 182.415c10.844 0 19.634 8.79 19.634 19.634v24.134c0 10.837-8.79 19.634-19.634 19.634s-19.635-8.797-19.635-19.634V202.05c0-10.845 8.79-19.635 19.635-19.635"/><path fill="#fbb436" d="M254.637 159.609a6.854 6.854 0 0 1-5.535-10.892c6.936-9.519 17.342-14.98 28.549-14.984h.013c11.213 0 21.628 5.458 28.575 14.98a6.85 6.85 0 0 1-1.496 9.577a6.85 6.85 0 0 1-9.577-1.496c-4.338-5.944-10.719-9.353-17.503-9.353h-.008c-6.777.003-13.147 3.411-17.475 9.35a6.84 6.84 0 0 1-5.543 2.818"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#fde364" d="m159.035 400.089l-.038.008c13.087-20.624 12.247-28.911 12.247-36.246c0-12.502 38.144 3.06 54.538-14.73c2.798-3.03.495-7.927-3.614-7.612c-19.635 1.53-42.787-2.535-42.787-9.93c0-5.22 11.55-17.107 15.547-30.404c-23.571-1.732-56.51-7.792-46.378-23.714c11.43-17.969 49.356-76.265 37.506-116.246a261 261 0 0 0-4.642-10.627c-.015-.023-.022-.038-.038-.06l.016.023C160.67 105.995 127.236 68.549 85.755 42.81c-7.207-4.47-6.284-15.157 1.568-18.367C116.294 12.622 147.928 6 181.151 6c138.07 0 249.996 111.934 249.996 250.004S319.221 506 181.151 506c-32.902 0-64.235-6.495-92.974-18.097c-8.205-3.307-9.165-14.49-1.665-19.184a252.7 252.7 0 0 0 72.523-68.63"/><path fill="#2c3c47" d="M277.672 182.415c10.844 0 19.634 8.79 19.634 19.634v24.134c0 10.837-8.79 19.634-19.634 19.634s-19.635-8.797-19.635-19.634V202.05c0-10.845 8.79-19.635 19.635-19.635"/><path fill="#fbb436" d="M254.637 159.609a6.854 6.854 0 0 1-5.535-10.892c6.936-9.519 17.342-14.98 28.549-14.984h.013c11.213 0 21.628 5.458 28.575 14.98a6.85 6.85 0 0 1-1.496 9.577a6.85 6.85 0 0 1-9.577-1.496c-4.338-5.944-10.719-9.353-17.503-9.353h-.008c-6.777.003-13.147 3.411-17.475 9.35a6.84 6.84 0 0 1-5.543 2.818"/></svg>
</template>

CSS

.icon-firstquartermoonface {
  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%20512%20512%22%3E%3Cpath%20fill%3D%22%23fde364%22%20d%3D%22m159.035%20400.089l-.038.008c13.087-20.624%2012.247-28.911%2012.247-36.246c0-12.502%2038.144%203.06%2054.538-14.73c2.798-3.03.495-7.927-3.614-7.612c-19.635%201.53-42.787-2.535-42.787-9.93c0-5.22%2011.55-17.107%2015.547-30.404c-23.571-1.732-56.51-7.792-46.378-23.714c11.43-17.969%2049.356-76.265%2037.506-116.246a261%20261%200%200%200-4.642-10.627c-.015-.023-.022-.038-.038-.06l.016.023C160.67%20105.995%20127.236%2068.549%2085.755%2042.81c-7.207-4.47-6.284-15.157%201.568-18.367C116.294%2012.622%20147.928%206%20181.151%206c138.07%200%20249.996%20111.934%20249.996%20250.004S319.221%20506%20181.151%20506c-32.902%200-64.235-6.495-92.974-18.097c-8.205-3.307-9.165-14.49-1.665-19.184a252.7%20252.7%200%200%200%2072.523-68.63%22%2F%3E%3Cpath%20fill%3D%22%232c3c47%22%20d%3D%22M277.672%20182.415c10.844%200%2019.634%208.79%2019.634%2019.634v24.134c0%2010.837-8.79%2019.634-19.634%2019.634s-19.635-8.797-19.635-19.634V202.05c0-10.845%208.79-19.635%2019.635-19.635%22%2F%3E%3Cpath%20fill%3D%22%23fbb436%22%20d%3D%22M254.637%20159.609a6.854%206.854%200%200%201-5.535-10.892c6.936-9.519%2017.342-14.98%2028.549-14.984h.013c11.213%200%2021.628%205.458%2028.575%2014.98a6.85%206.85%200%200%201-1.496%209.577a6.85%206.85%200%200%201-9.577-1.496c-4.338-5.944-10.719-9.353-17.503-9.353h-.008c-6.777.003-13.147%203.411-17.475%209.35a6.84%206.84%200%200%201-5.543%202.818%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%20512%20512%22%3E%3Cpath%20fill%3D%22%23fde364%22%20d%3D%22m159.035%20400.089l-.038.008c13.087-20.624%2012.247-28.911%2012.247-36.246c0-12.502%2038.144%203.06%2054.538-14.73c2.798-3.03.495-7.927-3.614-7.612c-19.635%201.53-42.787-2.535-42.787-9.93c0-5.22%2011.55-17.107%2015.547-30.404c-23.571-1.732-56.51-7.792-46.378-23.714c11.43-17.969%2049.356-76.265%2037.506-116.246a261%20261%200%200%200-4.642-10.627c-.015-.023-.022-.038-.038-.06l.016.023C160.67%20105.995%20127.236%2068.549%2085.755%2042.81c-7.207-4.47-6.284-15.157%201.568-18.367C116.294%2012.622%20147.928%206%20181.151%206c138.07%200%20249.996%20111.934%20249.996%20250.004S319.221%20506%20181.151%20506c-32.902%200-64.235-6.495-92.974-18.097c-8.205-3.307-9.165-14.49-1.665-19.184a252.7%20252.7%200%200%200%2072.523-68.63%22%2F%3E%3Cpath%20fill%3D%22%232c3c47%22%20d%3D%22M277.672%20182.415c10.844%200%2019.634%208.79%2019.634%2019.634v24.134c0%2010.837-8.79%2019.634-19.634%2019.634s-19.635-8.797-19.635-19.634V202.05c0-10.845%208.79-19.635%2019.635-19.635%22%2F%3E%3Cpath%20fill%3D%22%23fbb436%22%20d%3D%22M254.637%20159.609a6.854%206.854%200%200%201-5.535-10.892c6.936-9.519%2017.342-14.98%2028.549-14.984h.013c11.213%200%2021.628%205.458%2028.575%2014.98a6.85%206.85%200%200%201-1.496%209.577a6.85%206.85%200%200%201-9.577-1.496c-4.338-5.944-10.719-9.353-17.503-9.353h-.008c-6.777.003-13.147%203.411-17.475%209.35a6.84%206.84%200%200%201-5.543%202.818%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fxemoji/firstquartermoonface.svg?color=%231a73e8&size=48