Emoji Details
Glossary face with open mouth Emoji
😮
About this Emoji
Meet the 'Glossary face with open mouth' (😮), a wonderfully expressive emoji from the 'expressions-faces' group, classified under 'face-concerned'. This emoji vividly captures a moment of wide-eyed astonishment, silent shock, or a subtle gasp. It's commonly deployed when reacting to unexpected news, whether it's surprising gossip, a sudden revelation, or a slightly unsettling turn of events. 😮 conveys being momentarily taken aback, a quiet "oh wow" or "tell me more" without words. It perfectly signals a blend of surprise and an underlying touch of concern or disbelief, making it ideal for those 'what just happened?' moments.
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>