first quarter moon face emoji
first-quarter-moon-face from Streamline Emojis by Streamline · Default · Animals Nature · CC-BY-4.0 Attribution required.
- Name
- first-quarter-moon-face
- Set
- Streamline Emojis
- Style
- Default
- Category
- Animals Nature
- Viewbox
- 48×48
- License
- CC BY 4.0
The same emoji in other sets
More animals nature icons from Streamline Emojis
Use the first quarter moon face emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#45413c" d="M12.5 46.5a11.5 1.5 0 1 0 23 0a11.5 1.5 0 1 0-23 0" opacity=".15"/><path fill="#ffe500" d="M40.75 29A22 22 0 0 0 20.17 1.5a1 1 0 0 0-.76 1.71A21 21 0 0 1 25.2 21c-.88 3.59-6.15 2.66-8 4.41s4.22 5.09 4.22 5.09a23.3 23.3 0 0 1-14.09 9.32A1 1 0 0 0 7 41.63A22 22 0 0 0 40.75 29"/><path fill="#fff48c" d="M18.1 28.18c2.34-.73 5.72-.77 6.41-3.58a21 21 0 0 0 .23-2.6c-1.58 2.36-5.9 1.81-7.57 3.36c-.83.78-.12 1.85.93 2.82M28.21 3.31a22.2 22.2 0 0 0-8-1.81a1 1 0 0 0-.76 1.71a22 22 0 0 1 1.72 2a21.93 21.93 0 0 1 19.49 24.2c0-.15.09-.29.13-.44A22.09 22.09 0 0 0 28.21 3.31"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M21.39 30.47c1.91 1.06 3.36 1.36 3.84-.42"/><path fill="#45413c" stroke="#45413c" d="M31.35 24.38a1.08 1.08 0 0 1-1.37.69a1.07 1.07 0 0 1-.69-1.36a1.08 1.08 0 1 1 2.06.67Z"/><path fill="#fffacf" d="M33.38 34.59a1.31 1.31 0 1 1-.84-1.66a1.31 1.31 0 0 1 .84 1.66"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M26.91 34.48a2.51 2.51 0 0 0-.72 2.2a2.31 2.31 0 0 0 1.87 1.73"/><path fill="#fff48c" d="M19.49 32.81a23 23 0 0 1-12.16 7A1 1 0 0 0 7 41.63a21 21 0 0 0 2 1.22c3.92-1.62 7.37-4.79 9.5-6.62c1.58-1.37 1.4-2.63.99-3.42"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M40.75 29A22 22 0 0 0 20.17 1.5a1 1 0 0 0-.76 1.71A21 21 0 0 1 25.2 21c-.88 3.59-6.15 2.66-8 4.41s4.22 5.09 4.22 5.09h0a23.36 23.36 0 0 1-14.08 9.32A1 1 0 0 0 7 41.63A22 22 0 0 0 40.75 29"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M17.86 34.42a9 9 0 0 0 8.33 2.26"/></svg>
React
import type { SVGProps } from "react";
export function StreamlineEmojisFirstQuarterMoonFace(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#45413c" d="M12.5 46.5a11.5 1.5 0 1 0 23 0a11.5 1.5 0 1 0-23 0" opacity=".15"/><path fill="#ffe500" d="M40.75 29A22 22 0 0 0 20.17 1.5a1 1 0 0 0-.76 1.71A21 21 0 0 1 25.2 21c-.88 3.59-6.15 2.66-8 4.41s4.22 5.09 4.22 5.09a23.3 23.3 0 0 1-14.09 9.32A1 1 0 0 0 7 41.63A22 22 0 0 0 40.75 29"/><path fill="#fff48c" d="M18.1 28.18c2.34-.73 5.72-.77 6.41-3.58a21 21 0 0 0 .23-2.6c-1.58 2.36-5.9 1.81-7.57 3.36c-.83.78-.12 1.85.93 2.82M28.21 3.31a22.2 22.2 0 0 0-8-1.81a1 1 0 0 0-.76 1.71a22 22 0 0 1 1.72 2a21.93 21.93 0 0 1 19.49 24.2c0-.15.09-.29.13-.44A22.09 22.09 0 0 0 28.21 3.31"/><path fill="none" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M21.39 30.47c1.91 1.06 3.36 1.36 3.84-.42"/><path fill="#45413c" stroke="#45413c" d="M31.35 24.38a1.08 1.08 0 0 1-1.37.69a1.07 1.07 0 0 1-.69-1.36a1.08 1.08 0 1 1 2.06.67Z"/><path fill="#fffacf" d="M33.38 34.59a1.31 1.31 0 1 1-.84-1.66a1.31 1.31 0 0 1 .84 1.66"/><path fill="none" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M26.91 34.48a2.51 2.51 0 0 0-.72 2.2a2.31 2.31 0 0 0 1.87 1.73"/><path fill="#fff48c" d="M19.49 32.81a23 23 0 0 1-12.16 7A1 1 0 0 0 7 41.63a21 21 0 0 0 2 1.22c3.92-1.62 7.37-4.79 9.5-6.62c1.58-1.37 1.4-2.63.99-3.42"/><path fill="none" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M40.75 29A22 22 0 0 0 20.17 1.5a1 1 0 0 0-.76 1.71A21 21 0 0 1 25.2 21c-.88 3.59-6.15 2.66-8 4.41s4.22 5.09 4.22 5.09h0a23.36 23.36 0 0 1-14.08 9.32A1 1 0 0 0 7 41.63A22 22 0 0 0 40.75 29"/><path fill="none" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M17.86 34.42a9 9 0 0 0 8.33 2.26"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#45413c" d="M12.5 46.5a11.5 1.5 0 1 0 23 0a11.5 1.5 0 1 0-23 0" opacity=".15"/><path fill="#ffe500" d="M40.75 29A22 22 0 0 0 20.17 1.5a1 1 0 0 0-.76 1.71A21 21 0 0 1 25.2 21c-.88 3.59-6.15 2.66-8 4.41s4.22 5.09 4.22 5.09a23.3 23.3 0 0 1-14.09 9.32A1 1 0 0 0 7 41.63A22 22 0 0 0 40.75 29"/><path fill="#fff48c" d="M18.1 28.18c2.34-.73 5.72-.77 6.41-3.58a21 21 0 0 0 .23-2.6c-1.58 2.36-5.9 1.81-7.57 3.36c-.83.78-.12 1.85.93 2.82M28.21 3.31a22.2 22.2 0 0 0-8-1.81a1 1 0 0 0-.76 1.71a22 22 0 0 1 1.72 2a21.93 21.93 0 0 1 19.49 24.2c0-.15.09-.29.13-.44A22.09 22.09 0 0 0 28.21 3.31"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M21.39 30.47c1.91 1.06 3.36 1.36 3.84-.42"/><path fill="#45413c" stroke="#45413c" d="M31.35 24.38a1.08 1.08 0 0 1-1.37.69a1.07 1.07 0 0 1-.69-1.36a1.08 1.08 0 1 1 2.06.67Z"/><path fill="#fffacf" d="M33.38 34.59a1.31 1.31 0 1 1-.84-1.66a1.31 1.31 0 0 1 .84 1.66"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M26.91 34.48a2.51 2.51 0 0 0-.72 2.2a2.31 2.31 0 0 0 1.87 1.73"/><path fill="#fff48c" d="M19.49 32.81a23 23 0 0 1-12.16 7A1 1 0 0 0 7 41.63a21 21 0 0 0 2 1.22c3.92-1.62 7.37-4.79 9.5-6.62c1.58-1.37 1.4-2.63.99-3.42"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M40.75 29A22 22 0 0 0 20.17 1.5a1 1 0 0 0-.76 1.71A21 21 0 0 1 25.2 21c-.88 3.59-6.15 2.66-8 4.41s4.22 5.09 4.22 5.09h0a23.36 23.36 0 0 1-14.08 9.32A1 1 0 0 0 7 41.63A22 22 0 0 0 40.75 29"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M17.86 34.42a9 9 0 0 0 8.33 2.26"/></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%2048%2048%22%3E%3Cpath%20fill%3D%22%2345413c%22%20d%3D%22M12.5%2046.5a11.5%201.5%200%201%200%2023%200a11.5%201.5%200%201%200-23%200%22%20opacity%3D%22.15%22%2F%3E%3Cpath%20fill%3D%22%23ffe500%22%20d%3D%22M40.75%2029A22%2022%200%200%200%2020.17%201.5a1%201%200%200%200-.76%201.71A21%2021%200%200%201%2025.2%2021c-.88%203.59-6.15%202.66-8%204.41s4.22%205.09%204.22%205.09a23.3%2023.3%200%200%201-14.09%209.32A1%201%200%200%200%207%2041.63A22%2022%200%200%200%2040.75%2029%22%2F%3E%3Cpath%20fill%3D%22%23fff48c%22%20d%3D%22M18.1%2028.18c2.34-.73%205.72-.77%206.41-3.58a21%2021%200%200%200%20.23-2.6c-1.58%202.36-5.9%201.81-7.57%203.36c-.83.78-.12%201.85.93%202.82M28.21%203.31a22.2%2022.2%200%200%200-8-1.81a1%201%200%200%200-.76%201.71a22%2022%200%200%201%201.72%202a21.93%2021.93%200%200%201%2019.49%2024.2c0-.15.09-.29.13-.44A22.09%2022.09%200%200%200%2028.21%203.31%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M21.39%2030.47c1.91%201.06%203.36%201.36%203.84-.42%22%2F%3E%3Cpath%20fill%3D%22%2345413c%22%20stroke%3D%22%2345413c%22%20d%3D%22M31.35%2024.38a1.08%201.08%200%200%201-1.37.69a1.07%201.07%200%200%201-.69-1.36a1.08%201.08%200%201%201%202.06.67Z%22%2F%3E%3Cpath%20fill%3D%22%23fffacf%22%20d%3D%22M33.38%2034.59a1.31%201.31%200%201%201-.84-1.66a1.31%201.31%200%200%201%20.84%201.66%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M26.91%2034.48a2.51%202.51%200%200%200-.72%202.2a2.31%202.31%200%200%200%201.87%201.73%22%2F%3E%3Cpath%20fill%3D%22%23fff48c%22%20d%3D%22M19.49%2032.81a23%2023%200%200%201-12.16%207A1%201%200%200%200%207%2041.63a21%2021%200%200%200%202%201.22c3.92-1.62%207.37-4.79%209.5-6.62c1.58-1.37%201.4-2.63.99-3.42%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M40.75%2029A22%2022%200%200%200%2020.17%201.5a1%201%200%200%200-.76%201.71A21%2021%200%200%201%2025.2%2021c-.88%203.59-6.15%202.66-8%204.41s4.22%205.09%204.22%205.09h0a23.36%2023.36%200%200%201-14.08%209.32A1%201%200%200%200%207%2041.63A22%2022%200%200%200%2040.75%2029%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M17.86%2034.42a9%209%200%200%200%208.33%202.26%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%2048%2048%22%3E%3Cpath%20fill%3D%22%2345413c%22%20d%3D%22M12.5%2046.5a11.5%201.5%200%201%200%2023%200a11.5%201.5%200%201%200-23%200%22%20opacity%3D%22.15%22%2F%3E%3Cpath%20fill%3D%22%23ffe500%22%20d%3D%22M40.75%2029A22%2022%200%200%200%2020.17%201.5a1%201%200%200%200-.76%201.71A21%2021%200%200%201%2025.2%2021c-.88%203.59-6.15%202.66-8%204.41s4.22%205.09%204.22%205.09a23.3%2023.3%200%200%201-14.09%209.32A1%201%200%200%200%207%2041.63A22%2022%200%200%200%2040.75%2029%22%2F%3E%3Cpath%20fill%3D%22%23fff48c%22%20d%3D%22M18.1%2028.18c2.34-.73%205.72-.77%206.41-3.58a21%2021%200%200%200%20.23-2.6c-1.58%202.36-5.9%201.81-7.57%203.36c-.83.78-.12%201.85.93%202.82M28.21%203.31a22.2%2022.2%200%200%200-8-1.81a1%201%200%200%200-.76%201.71a22%2022%200%200%201%201.72%202a21.93%2021.93%200%200%201%2019.49%2024.2c0-.15.09-.29.13-.44A22.09%2022.09%200%200%200%2028.21%203.31%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M21.39%2030.47c1.91%201.06%203.36%201.36%203.84-.42%22%2F%3E%3Cpath%20fill%3D%22%2345413c%22%20stroke%3D%22%2345413c%22%20d%3D%22M31.35%2024.38a1.08%201.08%200%200%201-1.37.69a1.07%201.07%200%200%201-.69-1.36a1.08%201.08%200%201%201%202.06.67Z%22%2F%3E%3Cpath%20fill%3D%22%23fffacf%22%20d%3D%22M33.38%2034.59a1.31%201.31%200%201%201-.84-1.66a1.31%201.31%200%200%201%20.84%201.66%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M26.91%2034.48a2.51%202.51%200%200%200-.72%202.2a2.31%202.31%200%200%200%201.87%201.73%22%2F%3E%3Cpath%20fill%3D%22%23fff48c%22%20d%3D%22M19.49%2032.81a23%2023%200%200%201-12.16%207A1%201%200%200%200%207%2041.63a21%2021%200%200%200%202%201.22c3.92-1.62%207.37-4.79%209.5-6.62c1.58-1.37%201.4-2.63.99-3.42%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M40.75%2029A22%2022%200%200%200%2020.17%201.5a1%201%200%200%200-.76%201.71A21%2021%200%200%201%2025.2%2021c-.88%203.59-6.15%202.66-8%204.41s4.22%205.09%204.22%205.09h0a23.36%2023.36%200%200%201-14.08%209.32A1%201%200%200%200%207%2041.63A22%2022%200%200%200%2040.75%2029%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M17.86%2034.42a9%209%200%200%200%208.33%202.26%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/streamline-emojis/first-quarter-moon-face.svg?color=%231a73e8&size=48
