---
title: "Grinning squinting face animated icon"
description: "Grinning squinting face animated icon (Emoji). A burst of laughter. Light: the squinting eyes squeeze shut harder as the face hops once and lands, the grin opening on the hop. Strong: three quick laugh hops, each smaller, the grin opening on each, the eyes squeezed tight throughout, and short laugh lines flicking out at the upper sides of the head as the first two land."
canonical: https://generativeicons.com/icons/grinning-squinting-face/
---

# Grinning squinting face animated icon

A burst of laughter. Light: the squinting eyes squeeze shut harder as the face hops once and lands, the grin opening on the hop. Strong: three quick laugh hops, each smaller, the grin opening on each, the eyes squeezed tight throughout, and short laugh lines flicking out at the upper sides of the head as the first two land.

- Id: `grinning-squinting-face`
- Category: Emoji
- Search terms: laughing, xd, squinting, giggle, giggling, burst out laughing, delighted, satisfied, laughing out loud
- 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/grinning-squinting-face.lottie (dotLottie, 5926 bytes, sha256 b4223e73879542bd1bef79838bcd11fb9cf6906b6c265a0879dfb748b30f7203)
- License: MIT

## Install

```sh
npm install @lottiefiles/generative-icons-runtime
npx generative-icons init
npx generative-icons add grinning-squinting-face
```

## React

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

export function GrinningSquintingFaceIcon() {
  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/grinning-squinting-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/grinning-squinting-face/ · https://generativeicons.com/api/icons/grinning-squinting-face