---
title: "Loudly crying face animated icon"
description: "Loudly crying face animated icon (Emoji). A sob with streaming tears. Light: the mouth opens wider in one wail while a bead runs down each tear stream to the jaw and drips off. Strong: the head shudders with two sob beats (a quick dip and recoil, decaying), the mouth wails wider on each, and two waves of tears run down and drip off the jaw."
canonical: https://generativeicons.com/icons/loudly-crying-face/
---

# Loudly crying face animated icon

A sob with streaming tears. Light: the mouth opens wider in one wail while a bead runs down each tear stream to the jaw and drips off. Strong: the head shudders with two sob beats (a quick dip and recoil, decaying), the mouth wails wider on each, and two waves of tears run down and drip off the jaw.

- Id: `loudly-crying-face`
- Category: Emoji
- Search terms: sob, sobbing, crying, bawling, wailing, tears, heartbroken, im crying, devastated, upset
- One action, back to rest
- Styles: outline, solid, duotone; outline weights 1.5, 2, 2.5 (any from 1 to 3); motion light or strong
- File: https://generativeicons.com/assets/loudly-crying-face.lottie (dotLottie, 11255 bytes, sha256 78d97ef30b62ca3938bf0d8897903875d109d26d709e1267a7b973afbeb21e24)
- License: MIT

## Install

```sh
npm install @lottiefiles/generative-icons-runtime
npx generative-icons init
npx generative-icons add loudly-crying-face
```

## React

```tsx
// npm install @lottiefiles/generative-icons-react
'use client';
import { AnimatedIcon } from '@lottiefiles/generative-icons-react';
import icon, { src } from './generative-icons/loudly-crying-face.mjs';

export function LoudlyCryingFaceIcon() {
  return <AnimatedIcon icon={icon} src={src} size={32}
    color="#ffffff" variant="outline" weight={2}
    motion="light" theme="dark" />;
}
```

## JavaScript

```js
import { createIcon } from '@lottiefiles/generative-icons-runtime';
import icon, { src } from './generative-icons/loudly-crying-face.mjs';

const handle = await createIcon(canvas, {
  icon, src,
  color: '#ffffff', style: 'outline', weight: 2,
  motion: 'light', theme: 'dark'
});
button.addEventListener('click', () => handle.play());
// On removal: handle.destroy();
```

More: https://generativeicons.com/icons/loudly-crying-face/ · https://generativeicons.com/api/icons/loudly-crying-face