Emoji Details
E0.6 flag: United States Emoji
🇺🇸
About this Emoji
The 🇺🇸 emoji, a digital waving flag of the United States, is a powerful symbol from the 'flags' group, specifically a 'country-flag.' This iconic emblem instantly conjures images of American identity and culture. Commonly used to express patriotism, it's unfurled for national holidays like the Fourth of July, Memorial Day, or to cheer on US sports teams. You'll also see it indicating travel plans to, from, or within America, discussing US news, politics, or highlighting products and media originating from the States. Whether signifying national pride, a travel destination, or simply "American," this star-spangled emoji is instantly recognizable.
Styling contents with Emoji
Heading
<div class="emoji-bh fs-2"><i class='flag-icon flag-icon-us'></i> Heading</div>
Smaller heading
<div class="emoji-sh fs-4"><i class='flag-icon flag-icon-us'></i> Smaller heading</div>
Inline text
<p>Inline text <i class='flag-icon flag-icon-us'></i></p>
<p><a href="#" class="text-decoration-none">Example link text <i class='flag-icon flag-icon-us'></i></a></p>
<div class="d-flex flex-column flex-sm-row gap-2">
<button type="button" class="btn btn-primary emoji-btn"><i class='flag-icon flag-icon-us'></i> Button</button>
<button type="button" class="btn btn-success emoji-btn"><i class='flag-icon flag-icon-us'></i> Button</button>
<button type="button" class="btn btn-outline-danger emoji-btn"><i class='flag-icon flag-icon-us'></i> Button</button>
</div>
<div class="d-flex gap-2">
<button type="button" class="btn btn-secondary"><i class='flag-icon flag-icon-us'></i></button>
<div class="btn-group">
<button type="button" class="btn btn-outline-secondary"><i class='flag-icon flag-icon-us'></i><span class="visually-hidden">Button</span></button>
<button type="button" class="btn btn-outline-secondary"><i class='flag-icon flag-icon-us'></i><span class="visually-hidden">Button</span></button>
<button type="button" class="btn btn-outline-secondary"><i class='flag-icon flag-icon-us'></i><span class="visually-hidden">Button</span></button>
</div>
</div>
<div class="input-group">
<span class="input-group-text" id="basic-addon1"><i class='flag-icon flag-icon-us'></i></span>
<input type="text" class="form-control" placeholder="Input group example" aria-label="Input group example" aria-describedby="basic-addon1">
</div>