loudly crying face emoji
loudly-crying-face from Twitter Emoji by Twitter · Default · Smileys & Emotion · CC-BY-4.0 Attribution required.
- Name
- loudly-crying-face
- Set
- Twitter Emoji
- Style
- Default
- Category
- Smileys & Emotion
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
loudly-crying-faceEmoji One (Colored)loudly-crying-faceFluent Emojiloudly-crying-faceFluent Emoji Flatloudly-crying-faceFluent Emoji High Contrastloudly-crying-faceIconParkloudly-crying-faceIconPark Outlineloudly-crying-faceIconPark Solidloudly-crying-faceIconPark TwoToneloudly-crying-faceNoto Emojiloudly-crying-faceOpenMojiloudly-crying-faceStreamline Emojis
More smileys & emotion icons from Twitter Emoji
alienalien-monsteranger-symbolangry-faceangry-face-with-hornsanguished-faceanxious-face-with-sweatastonished-facebeaming-face-with-smiling-eyesbeating-heartblack-heartblue-heartbroken-heartbrown-heartcat-with-tears-of-joycat-with-wry-smileclown-facecold-facecollisionconfounded-faceconfused-facecowboy-hat-facecrying-catcrying-face
Use the loudly crying face emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffcc4d" d="M36 18c0 9.941-8.059 18-18 18S0 27.941 0 18S8.059 0 18 0s18 8.059 18 18"/><path fill="#664500" d="M22 27c0 2.763-1.791 3-4 3s-4-.237-4-3c0-2.761 1.79-6 4-6s4 3.239 4 6m8-12a1 1 0 0 1-.371-.072c-5.229-2.091-7.372-5.241-7.461-5.374a1 1 0 0 1 1.662-1.113c.019.027 1.93 2.785 6.541 4.629A1 1 0 0 1 30 15M6 15a1.001 1.001 0 0 1-.372-1.929c4.612-1.844 6.523-4.602 6.542-4.629a1 1 0 0 1 1.387-.27a1 1 0 0 1 .275 1.383c-.089.133-2.232 3.283-7.46 5.374A1 1 0 0 1 6 15"/><path fill="#5dadec" d="M24 16h4v19l-4-.046zM8 35l4-.046V16H8z"/><path fill="#664500" d="M14.999 18c-.15 0-.303-.034-.446-.105c-3.512-1.756-7.07-.018-7.105 0a1 1 0 1 1-.895-1.789c.182-.09 4.498-2.197 8.895 0A1 1 0 0 1 14.999 18m14 0c-.15 0-.303-.034-.446-.105c-3.513-1.756-7.07-.018-7.105 0a1 1 0 1 1-.895-1.789c.182-.09 4.501-2.196 8.895 0A1 1 0 0 1 28.999 18"/><ellipse cx="18" cy="34" fill="#5dadec" rx="18" ry="2"/><ellipse cx="18" cy="27" fill="#e75a70" rx="3" ry="2"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiLoudlyCryingFace(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffcc4d" d="M36 18c0 9.941-8.059 18-18 18S0 27.941 0 18S8.059 0 18 0s18 8.059 18 18"/><path fill="#664500" d="M22 27c0 2.763-1.791 3-4 3s-4-.237-4-3c0-2.761 1.79-6 4-6s4 3.239 4 6m8-12a1 1 0 0 1-.371-.072c-5.229-2.091-7.372-5.241-7.461-5.374a1 1 0 0 1 1.662-1.113c.019.027 1.93 2.785 6.541 4.629A1 1 0 0 1 30 15M6 15a1.001 1.001 0 0 1-.372-1.929c4.612-1.844 6.523-4.602 6.542-4.629a1 1 0 0 1 1.387-.27a1 1 0 0 1 .275 1.383c-.089.133-2.232 3.283-7.46 5.374A1 1 0 0 1 6 15"/><path fill="#5dadec" d="M24 16h4v19l-4-.046zM8 35l4-.046V16H8z"/><path fill="#664500" d="M14.999 18c-.15 0-.303-.034-.446-.105c-3.512-1.756-7.07-.018-7.105 0a1 1 0 1 1-.895-1.789c.182-.09 4.498-2.197 8.895 0A1 1 0 0 1 14.999 18m14 0c-.15 0-.303-.034-.446-.105c-3.513-1.756-7.07-.018-7.105 0a1 1 0 1 1-.895-1.789c.182-.09 4.501-2.196 8.895 0A1 1 0 0 1 28.999 18"/><ellipse cx="18" cy="34" fill="#5dadec" rx="18" ry="2"/><ellipse cx="18" cy="27" fill="#e75a70" rx="3" ry="2"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffcc4d" d="M36 18c0 9.941-8.059 18-18 18S0 27.941 0 18S8.059 0 18 0s18 8.059 18 18"/><path fill="#664500" d="M22 27c0 2.763-1.791 3-4 3s-4-.237-4-3c0-2.761 1.79-6 4-6s4 3.239 4 6m8-12a1 1 0 0 1-.371-.072c-5.229-2.091-7.372-5.241-7.461-5.374a1 1 0 0 1 1.662-1.113c.019.027 1.93 2.785 6.541 4.629A1 1 0 0 1 30 15M6 15a1.001 1.001 0 0 1-.372-1.929c4.612-1.844 6.523-4.602 6.542-4.629a1 1 0 0 1 1.387-.27a1 1 0 0 1 .275 1.383c-.089.133-2.232 3.283-7.46 5.374A1 1 0 0 1 6 15"/><path fill="#5dadec" d="M24 16h4v19l-4-.046zM8 35l4-.046V16H8z"/><path fill="#664500" d="M14.999 18c-.15 0-.303-.034-.446-.105c-3.512-1.756-7.07-.018-7.105 0a1 1 0 1 1-.895-1.789c.182-.09 4.498-2.197 8.895 0A1 1 0 0 1 14.999 18m14 0c-.15 0-.303-.034-.446-.105c-3.513-1.756-7.07-.018-7.105 0a1 1 0 1 1-.895-1.789c.182-.09 4.501-2.196 8.895 0A1 1 0 0 1 28.999 18"/><ellipse cx="18" cy="34" fill="#5dadec" rx="18" ry="2"/><ellipse cx="18" cy="27" fill="#e75a70" rx="3" ry="2"/></svg> </template>
CSS
.icon-loudly-crying-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%23ffcc4d%22%20d%3D%22M36%2018c0%209.941-8.059%2018-18%2018S0%2027.941%200%2018S8.059%200%2018%200s18%208.059%2018%2018%22%2F%3E%3Cpath%20fill%3D%22%23664500%22%20d%3D%22M22%2027c0%202.763-1.791%203-4%203s-4-.237-4-3c0-2.761%201.79-6%204-6s4%203.239%204%206m8-12a1%201%200%200%201-.371-.072c-5.229-2.091-7.372-5.241-7.461-5.374a1%201%200%200%201%201.662-1.113c.019.027%201.93%202.785%206.541%204.629A1%201%200%200%201%2030%2015M6%2015a1.001%201.001%200%200%201-.372-1.929c4.612-1.844%206.523-4.602%206.542-4.629a1%201%200%200%201%201.387-.27a1%201%200%200%201%20.275%201.383c-.089.133-2.232%203.283-7.46%205.374A1%201%200%200%201%206%2015%22%2F%3E%3Cpath%20fill%3D%22%235dadec%22%20d%3D%22M24%2016h4v19l-4-.046zM8%2035l4-.046V16H8z%22%2F%3E%3Cpath%20fill%3D%22%23664500%22%20d%3D%22M14.999%2018c-.15%200-.303-.034-.446-.105c-3.512-1.756-7.07-.018-7.105%200a1%201%200%201%201-.895-1.789c.182-.09%204.498-2.197%208.895%200A1%201%200%200%201%2014.999%2018m14%200c-.15%200-.303-.034-.446-.105c-3.513-1.756-7.07-.018-7.105%200a1%201%200%201%201-.895-1.789c.182-.09%204.501-2.196%208.895%200A1%201%200%200%201%2028.999%2018%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%2234%22%20fill%3D%22%235dadec%22%20rx%3D%2218%22%20ry%3D%222%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%2227%22%20fill%3D%22%23e75a70%22%20rx%3D%223%22%20ry%3D%222%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%23ffcc4d%22%20d%3D%22M36%2018c0%209.941-8.059%2018-18%2018S0%2027.941%200%2018S8.059%200%2018%200s18%208.059%2018%2018%22%2F%3E%3Cpath%20fill%3D%22%23664500%22%20d%3D%22M22%2027c0%202.763-1.791%203-4%203s-4-.237-4-3c0-2.761%201.79-6%204-6s4%203.239%204%206m8-12a1%201%200%200%201-.371-.072c-5.229-2.091-7.372-5.241-7.461-5.374a1%201%200%200%201%201.662-1.113c.019.027%201.93%202.785%206.541%204.629A1%201%200%200%201%2030%2015M6%2015a1.001%201.001%200%200%201-.372-1.929c4.612-1.844%206.523-4.602%206.542-4.629a1%201%200%200%201%201.387-.27a1%201%200%200%201%20.275%201.383c-.089.133-2.232%203.283-7.46%205.374A1%201%200%200%201%206%2015%22%2F%3E%3Cpath%20fill%3D%22%235dadec%22%20d%3D%22M24%2016h4v19l-4-.046zM8%2035l4-.046V16H8z%22%2F%3E%3Cpath%20fill%3D%22%23664500%22%20d%3D%22M14.999%2018c-.15%200-.303-.034-.446-.105c-3.512-1.756-7.07-.018-7.105%200a1%201%200%201%201-.895-1.789c.182-.09%204.498-2.197%208.895%200A1%201%200%200%201%2014.999%2018m14%200c-.15%200-.303-.034-.446-.105c-3.513-1.756-7.07-.018-7.105%200a1%201%200%201%201-.895-1.789c.182-.09%204.501-2.196%208.895%200A1%201%200%200%201%2028.999%2018%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%2234%22%20fill%3D%22%235dadec%22%20rx%3D%2218%22%20ry%3D%222%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%2227%22%20fill%3D%22%23e75a70%22%20rx%3D%223%22%20ry%3D%222%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/loudly-crying-face.svg?color=%231a73e8&size=48
