Emoji Details
E14.0 face holding back tears Emoji
🥹
About this Emoji
The '🥹' emoji, officially "face holding back tears," is the ultimate expression of being utterly overwhelmed by emotion. With its shimmering, upward-gazing eyes and gentle, barely-there smile, it perfectly conveys a heart on the verge—whether from immense joy, profound gratitude, or a tender, bittersweet moment. This little face often pops up when something is so touching it brings a happy tear to your eye, like witnessing a heartwarming reunion, an adorable animal moment, or celebrating a loved one's major achievement. It's the silent declaration of "I'm not crying, *you're* crying!" or "My heart just melted!"—a deeply felt, vulnerable moment captured in a tiny icon.
Styling contents with Emoji
🥹 Heading
<div class="emoji-bh fs-2">🥹 Heading</div>
🥹 Smaller heading
<div class="emoji-sh fs-4">🥹 Smaller heading</div>
Inline text 🥹
<p>Inline text 🥹</p>
<p><a href="#" class="text-decoration-none">Example link text 🥹</a></p>
<div class="d-flex flex-column flex-sm-row gap-2">
<button type="button" class="btn btn-primary emoji-btn">🥹 Button</button>
<button type="button" class="btn btn-success emoji-btn">🥹 Button</button>
<button type="button" class="btn btn-outline-danger emoji-btn">🥹 Button</button>
</div>
<div class="d-flex gap-2">
<button type="button" class="btn btn-secondary">🥹</button>
<div class="btn-group">
<button type="button" class="btn btn-outline-secondary">🥹<span class="visually-hidden">Button</span></button>
<button type="button" class="btn btn-outline-secondary">🥹<span class="visually-hidden">Button</span></button>
<button type="button" class="btn btn-outline-secondary">🥹<span class="visually-hidden">Button</span></button>
</div>
</div>
🥹
<div class="input-group">
<span class="input-group-text" id="basic-addon1">🥹</span>
<input type="text" class="form-control" placeholder="Input group example" aria-label="Input group example" aria-describedby="basic-addon1">
</div>