E0.7 cloud with rain Emoji
Ads here
About this Emoji
Meet the 🌧️ emoji, officially "E0.7 cloud with rain." This humble icon from the 'travel-places' and 'sky-weather' groups is your instant forecast or mood ring! It depicts a plump cloud generously sharing its downpour. Commonly used to signify actual rain ("Don't forget your umbrella!"), a gloomy day, or even a melancholy feeling. Its context ranges from weather alerts impacting travel plans ("My flight is delayed 🌧️") to describing cozy indoor activities ("Perfect day for movies 🌧️"). Whether you're reporting a sudden shower, expressing disappointment over canceled outdoor fun, or simply appreciating the soothing sound of rain, this emoji perfectly captures the wet, wonderful, or sometimes weary side of precipitation.
Styling contents with Emoji
<div class="emoji-bh fs-2">🌧️ Heading</div>
<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>