last quarter moon face emoji
last-quarter-moon-face from Twitter Emoji by Twitter · Default · Travel & Places · CC-BY-4.0 Attribution required.
- Name
- last-quarter-moon-face
- Set
- Twitter Emoji
- Style
- Default
- Category
- Travel & Places
- Viewbox
- 36×36
- License
- CC BY 4.0
- Aliases
- last-quarter-moon-with-face
The same emoji in other sets
More travel & places icons from Twitter Emoji
Use the last quarter moon face emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffd983" d="M11 13c0-4.984 1.934-9.505 5.073-12.894C7.039 1.068 0 8.71 0 18c0 9.941 8.06 18 18 18a17.93 17.93 0 0 0 11.348-4.033c-7.164-.245-13.306-4.451-16.351-10.484c-.622-1.232 2.795-1.201 2.962-3.482C16.113 15.87 11 15.26 11 13"/><g fill="#ffcc4d"><circle cx="10.5" cy="28.5" r="3.5"/><circle cx="9" cy="7" r="1"/><circle cx="18" cy="32" r="1"/><circle cx="3" cy="20" r="2"/></g><path fill="#292f33" d="M16.203 26.023a19.4 19.4 0 0 1-2.104-2.651c-5.449 1.226-7.637-.273-7.316.807c.341 1.147 4.797 3.008 9.42 1.844M10 14.5a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiLastQuarterMoonFace(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffd983" d="M11 13c0-4.984 1.934-9.505 5.073-12.894C7.039 1.068 0 8.71 0 18c0 9.941 8.06 18 18 18a17.93 17.93 0 0 0 11.348-4.033c-7.164-.245-13.306-4.451-16.351-10.484c-.622-1.232 2.795-1.201 2.962-3.482C16.113 15.87 11 15.26 11 13"/><g fill="#ffcc4d"><circle cx="10.5" cy="28.5" r="3.5"/><circle cx="9" cy="7" r="1"/><circle cx="18" cy="32" r="1"/><circle cx="3" cy="20" r="2"/></g><path fill="#292f33" d="M16.203 26.023a19.4 19.4 0 0 1-2.104-2.651c-5.449 1.226-7.637-.273-7.316.807c.341 1.147 4.797 3.008 9.42 1.844M10 14.5a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffd983" d="M11 13c0-4.984 1.934-9.505 5.073-12.894C7.039 1.068 0 8.71 0 18c0 9.941 8.06 18 18 18a17.93 17.93 0 0 0 11.348-4.033c-7.164-.245-13.306-4.451-16.351-10.484c-.622-1.232 2.795-1.201 2.962-3.482C16.113 15.87 11 15.26 11 13"/><g fill="#ffcc4d"><circle cx="10.5" cy="28.5" r="3.5"/><circle cx="9" cy="7" r="1"/><circle cx="18" cy="32" r="1"/><circle cx="3" cy="20" r="2"/></g><path fill="#292f33" d="M16.203 26.023a19.4 19.4 0 0 1-2.104-2.651c-5.449 1.226-7.637-.273-7.316.807c.341 1.147 4.797 3.008 9.42 1.844M10 14.5a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0"/></svg> </template>
CSS
.icon-last-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%2036%2036%22%3E%3Cpath%20fill%3D%22%23ffd983%22%20d%3D%22M11%2013c0-4.984%201.934-9.505%205.073-12.894C7.039%201.068%200%208.71%200%2018c0%209.941%208.06%2018%2018%2018a17.93%2017.93%200%200%200%2011.348-4.033c-7.164-.245-13.306-4.451-16.351-10.484c-.622-1.232%202.795-1.201%202.962-3.482C16.113%2015.87%2011%2015.26%2011%2013%22%2F%3E%3Cg%20fill%3D%22%23ffcc4d%22%3E%3Ccircle%20cx%3D%2210.5%22%20cy%3D%2228.5%22%20r%3D%223.5%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2232%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%223%22%20cy%3D%2220%22%20r%3D%222%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M16.203%2026.023a19.4%2019.4%200%200%201-2.104-2.651c-5.449%201.226-7.637-.273-7.316.807c.341%201.147%204.797%203.008%209.42%201.844M10%2014.5a2.5%202.5%200%201%201-5%200a2.5%202.5%200%200%201%205%200%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23ffd983%22%20d%3D%22M11%2013c0-4.984%201.934-9.505%205.073-12.894C7.039%201.068%200%208.71%200%2018c0%209.941%208.06%2018%2018%2018a17.93%2017.93%200%200%200%2011.348-4.033c-7.164-.245-13.306-4.451-16.351-10.484c-.622-1.232%202.795-1.201%202.962-3.482C16.113%2015.87%2011%2015.26%2011%2013%22%2F%3E%3Cg%20fill%3D%22%23ffcc4d%22%3E%3Ccircle%20cx%3D%2210.5%22%20cy%3D%2228.5%22%20r%3D%223.5%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2232%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%223%22%20cy%3D%2220%22%20r%3D%222%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M16.203%2026.023a19.4%2019.4%200%200%201-2.104-2.651c-5.449%201.226-7.637-.273-7.316.807c.341%201.147%204.797%203.008%209.42%201.844M10%2014.5a2.5%202.5%200%201%201-5%200a2.5%202.5%200%200%201%205%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/last-quarter-moon-face.svg?color=%231a73e8&size=48
