last quarter moon emoji
last-quarter-moon from Emoji One (Colored) by Emoji One · Default · Nature · CC-BY-4.0 Attribution required.
- Name
- last-quarter-moon
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- Nature
- Viewbox
- 64×64
- License
- CC BY 4.0
The same emoji in other sets
More nature icons from Emoji One (Colored)
Use the last quarter moon emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#ffe8a6" d="M34 32c0-16.6-.9-30-2-30C15.4 2 2 15.4 2 32s13.4 30 30 30c1.1 0 2-13.4 2-30"/><path fill="#3e4347" d="M32 2c1.1 0 2 13.4 2 30s-.9 30-2 30c16.6 0 30-13.4 30-30S48.6 2 32 2"/><g fill="#f4dc9f"><path d="M24.2 41h-.4c.2-.6.4-1.3.4-2c0-3.3-2.7-6-6-6s-6 2.7-6 6c0 2.9 2 5.2 4.7 5.8c-1 1.5-1.6 3.2-1.6 5.2c0 5 4 9 9 9s9-4 9-9c-.1-4.9-4.2-9-9.1-9M24 21.2c2.2 0 4-1.8 4-4c0-.6-.2-1.2-.4-1.8c.5.2 1 .3 1.6.3c1.9 0 3.6-1.1 4.4-2.7c-.1-2-.2-3.8-.4-5.3c-.9-1.2-2.4-2.1-4-2.1c-2.8 0-5 2.2-5 5c0 1 .3 1.9.8 2.6c-.3-.1-.6-.1-.9-.1c-2.2 0-4 1.8-4 4s1.7 4.1 3.9 4.1m9.9-.5c0-1.6-.1-3.2-.2-4.7c-.4.6-.7 1.4-.7 2.2c0 1 .3 1.8.9 2.5"/><circle cx="12.1" cy="25.9" r="4"/><circle cx="8.1" cy="39" r="2"/><circle cx="25" cy="29.9" r="3"/><circle cx="15" cy="15.7" r="2"/></g><g fill="#464d51"><circle cx="50" cy="35.2" r="7"/><path d="M37 14.2c-1.4 0-2.6.7-3.3 1.8c.1 1.5.1 3 .2 4.7c.7.9 1.9 1.6 3.1 1.6c2.2 0 4-1.8 4-4s-1.8-4.1-4-4.1"/><circle cx="39" cy="9.2" r="2"/><circle cx="52" cy="50" r="2"/><circle cx="46" cy="52.6" r="4"/><path d="M33.2 7.8c.1 1.5.3 3.3.4 5.3c.4-.7.6-1.5.6-2.3c0-1.2-.4-2.2-1-3"/></g></svg>
React
import type { SVGProps } from "react";
export function EmojioneLastQuarterMoon(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="M34 32c0-16.6-.9-30-2-30C15.4 2 2 15.4 2 32s13.4 30 30 30c1.1 0 2-13.4 2-30"/><path fill="#3e4347" d="M32 2c1.1 0 2 13.4 2 30s-.9 30-2 30c16.6 0 30-13.4 30-30S48.6 2 32 2"/><g fill="#f4dc9f"><path d="M24.2 41h-.4c.2-.6.4-1.3.4-2c0-3.3-2.7-6-6-6s-6 2.7-6 6c0 2.9 2 5.2 4.7 5.8c-1 1.5-1.6 3.2-1.6 5.2c0 5 4 9 9 9s9-4 9-9c-.1-4.9-4.2-9-9.1-9M24 21.2c2.2 0 4-1.8 4-4c0-.6-.2-1.2-.4-1.8c.5.2 1 .3 1.6.3c1.9 0 3.6-1.1 4.4-2.7c-.1-2-.2-3.8-.4-5.3c-.9-1.2-2.4-2.1-4-2.1c-2.8 0-5 2.2-5 5c0 1 .3 1.9.8 2.6c-.3-.1-.6-.1-.9-.1c-2.2 0-4 1.8-4 4s1.7 4.1 3.9 4.1m9.9-.5c0-1.6-.1-3.2-.2-4.7c-.4.6-.7 1.4-.7 2.2c0 1 .3 1.8.9 2.5"/><circle cx="12.1" cy="25.9" r="4"/><circle cx="8.1" cy="39" r="2"/><circle cx="25" cy="29.9" r="3"/><circle cx="15" cy="15.7" r="2"/></g><g fill="#464d51"><circle cx="50" cy="35.2" r="7"/><path d="M37 14.2c-1.4 0-2.6.7-3.3 1.8c.1 1.5.1 3 .2 4.7c.7.9 1.9 1.6 3.1 1.6c2.2 0 4-1.8 4-4s-1.8-4.1-4-4.1"/><circle cx="39" cy="9.2" r="2"/><circle cx="52" cy="50" r="2"/><circle cx="46" cy="52.6" r="4"/><path d="M33.2 7.8c.1 1.5.3 3.3.4 5.3c.4-.7.6-1.5.6-2.3c0-1.2-.4-2.2-1-3"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#ffe8a6" d="M34 32c0-16.6-.9-30-2-30C15.4 2 2 15.4 2 32s13.4 30 30 30c1.1 0 2-13.4 2-30"/><path fill="#3e4347" d="M32 2c1.1 0 2 13.4 2 30s-.9 30-2 30c16.6 0 30-13.4 30-30S48.6 2 32 2"/><g fill="#f4dc9f"><path d="M24.2 41h-.4c.2-.6.4-1.3.4-2c0-3.3-2.7-6-6-6s-6 2.7-6 6c0 2.9 2 5.2 4.7 5.8c-1 1.5-1.6 3.2-1.6 5.2c0 5 4 9 9 9s9-4 9-9c-.1-4.9-4.2-9-9.1-9M24 21.2c2.2 0 4-1.8 4-4c0-.6-.2-1.2-.4-1.8c.5.2 1 .3 1.6.3c1.9 0 3.6-1.1 4.4-2.7c-.1-2-.2-3.8-.4-5.3c-.9-1.2-2.4-2.1-4-2.1c-2.8 0-5 2.2-5 5c0 1 .3 1.9.8 2.6c-.3-.1-.6-.1-.9-.1c-2.2 0-4 1.8-4 4s1.7 4.1 3.9 4.1m9.9-.5c0-1.6-.1-3.2-.2-4.7c-.4.6-.7 1.4-.7 2.2c0 1 .3 1.8.9 2.5"/><circle cx="12.1" cy="25.9" r="4"/><circle cx="8.1" cy="39" r="2"/><circle cx="25" cy="29.9" r="3"/><circle cx="15" cy="15.7" r="2"/></g><g fill="#464d51"><circle cx="50" cy="35.2" r="7"/><path d="M37 14.2c-1.4 0-2.6.7-3.3 1.8c.1 1.5.1 3 .2 4.7c.7.9 1.9 1.6 3.1 1.6c2.2 0 4-1.8 4-4s-1.8-4.1-4-4.1"/><circle cx="39" cy="9.2" r="2"/><circle cx="52" cy="50" r="2"/><circle cx="46" cy="52.6" r="4"/><path d="M33.2 7.8c.1 1.5.3 3.3.4 5.3c.4-.7.6-1.5.6-2.3c0-1.2-.4-2.2-1-3"/></g></svg> </template>
CSS
.icon-last-quarter-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%2064%2064%22%3E%3Cpath%20fill%3D%22%23ffe8a6%22%20d%3D%22M34%2032c0-16.6-.9-30-2-30C15.4%202%202%2015.4%202%2032s13.4%2030%2030%2030c1.1%200%202-13.4%202-30%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M32%202c1.1%200%202%2013.4%202%2030s-.9%2030-2%2030c16.6%200%2030-13.4%2030-30S48.6%202%2032%202%22%2F%3E%3Cg%20fill%3D%22%23f4dc9f%22%3E%3Cpath%20d%3D%22M24.2%2041h-.4c.2-.6.4-1.3.4-2c0-3.3-2.7-6-6-6s-6%202.7-6%206c0%202.9%202%205.2%204.7%205.8c-1%201.5-1.6%203.2-1.6%205.2c0%205%204%209%209%209s9-4%209-9c-.1-4.9-4.2-9-9.1-9M24%2021.2c2.2%200%204-1.8%204-4c0-.6-.2-1.2-.4-1.8c.5.2%201%20.3%201.6.3c1.9%200%203.6-1.1%204.4-2.7c-.1-2-.2-3.8-.4-5.3c-.9-1.2-2.4-2.1-4-2.1c-2.8%200-5%202.2-5%205c0%201%20.3%201.9.8%202.6c-.3-.1-.6-.1-.9-.1c-2.2%200-4%201.8-4%204s1.7%204.1%203.9%204.1m9.9-.5c0-1.6-.1-3.2-.2-4.7c-.4.6-.7%201.4-.7%202.2c0%201%20.3%201.8.9%202.5%22%2F%3E%3Ccircle%20cx%3D%2212.1%22%20cy%3D%2225.9%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%228.1%22%20cy%3D%2239%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2225%22%20cy%3D%2229.9%22%20r%3D%223%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2215.7%22%20r%3D%222%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23464d51%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2235.2%22%20r%3D%227%22%2F%3E%3Cpath%20d%3D%22M37%2014.2c-1.4%200-2.6.7-3.3%201.8c.1%201.5.1%203%20.2%204.7c.7.9%201.9%201.6%203.1%201.6c2.2%200%204-1.8%204-4s-1.8-4.1-4-4.1%22%2F%3E%3Ccircle%20cx%3D%2239%22%20cy%3D%229.2%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2252%22%20cy%3D%2250%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2246%22%20cy%3D%2252.6%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M33.2%207.8c.1%201.5.3%203.3.4%205.3c.4-.7.6-1.5.6-2.3c0-1.2-.4-2.2-1-3%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%2064%2064%22%3E%3Cpath%20fill%3D%22%23ffe8a6%22%20d%3D%22M34%2032c0-16.6-.9-30-2-30C15.4%202%202%2015.4%202%2032s13.4%2030%2030%2030c1.1%200%202-13.4%202-30%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M32%202c1.1%200%202%2013.4%202%2030s-.9%2030-2%2030c16.6%200%2030-13.4%2030-30S48.6%202%2032%202%22%2F%3E%3Cg%20fill%3D%22%23f4dc9f%22%3E%3Cpath%20d%3D%22M24.2%2041h-.4c.2-.6.4-1.3.4-2c0-3.3-2.7-6-6-6s-6%202.7-6%206c0%202.9%202%205.2%204.7%205.8c-1%201.5-1.6%203.2-1.6%205.2c0%205%204%209%209%209s9-4%209-9c-.1-4.9-4.2-9-9.1-9M24%2021.2c2.2%200%204-1.8%204-4c0-.6-.2-1.2-.4-1.8c.5.2%201%20.3%201.6.3c1.9%200%203.6-1.1%204.4-2.7c-.1-2-.2-3.8-.4-5.3c-.9-1.2-2.4-2.1-4-2.1c-2.8%200-5%202.2-5%205c0%201%20.3%201.9.8%202.6c-.3-.1-.6-.1-.9-.1c-2.2%200-4%201.8-4%204s1.7%204.1%203.9%204.1m9.9-.5c0-1.6-.1-3.2-.2-4.7c-.4.6-.7%201.4-.7%202.2c0%201%20.3%201.8.9%202.5%22%2F%3E%3Ccircle%20cx%3D%2212.1%22%20cy%3D%2225.9%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%228.1%22%20cy%3D%2239%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2225%22%20cy%3D%2229.9%22%20r%3D%223%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2215.7%22%20r%3D%222%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23464d51%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2235.2%22%20r%3D%227%22%2F%3E%3Cpath%20d%3D%22M37%2014.2c-1.4%200-2.6.7-3.3%201.8c.1%201.5.1%203%20.2%204.7c.7.9%201.9%201.6%203.1%201.6c2.2%200%204-1.8%204-4s-1.8-4.1-4-4.1%22%2F%3E%3Ccircle%20cx%3D%2239%22%20cy%3D%229.2%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2252%22%20cy%3D%2250%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2246%22%20cy%3D%2252.6%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M33.2%207.8c.1%201.5.3%203.3.4%205.3c.4-.7.6-1.5.6-2.3c0-1.2-.4-2.2-1-3%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/last-quarter-moon.svg?color=%231a73e8&size=48
