Emoji Details
Galaxy frowning face with open mouth Emoji
😦
About this Emoji
Caught mid-gasp, the 'Galaxy frowning face with open mouth' (😦) is your go-to for immediate shock and disbelief! This 'smileys-faces' emoji, from the 'face-concerned' subgroup, perfectly conveys a mix of surprise, dismay, and genuine bewilderment. You'll typically find 😦 deployed when receiving unexpected or bad news, witnessing something truly awkward, or hearing an unbelievable truth. It's the visual "Are you serious?!" or "Oh no!" — expressing everything from sympathetic concern to mild horror or a dramatic "Wait, what just happened?!" It captures that visceral, open-mouthed reaction when reality hits.
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>