Emoji Details
E2.0 flag: Niue Emoji
🇳🇺
About this Emoji
Dive into the Pacific with the 🇳🇺 emoji, the vibrant flag of Niue! This distinctive country flag, part of the 'flags' group, features a bright yellow field with the Union Jack in the canton, signifying its unique self-governing status in free association with New Zealand. Commonly used to represent this beautiful Polynesian island nation, you'll find it popping up in discussions about Pacific travel, marine conservation, and unique national identities. It's a symbol of Niuean pride, heritage, and the island's serene charm. Whether celebrating Niuean culture or simply marking a geographical point, 🇳🇺 brings a splash of sunshine and island spirit to your message.
Styling contents with Emoji
Heading
<div class="emoji-bh fs-2"><i class='flag-icon flag-icon-nu'></i> Heading</div>
Smaller heading
<div class="emoji-sh fs-4"><i class='flag-icon flag-icon-nu'></i> Smaller heading</div>
Inline text
<p>Inline text <i class='flag-icon flag-icon-nu'></i></p>
<p><a href="#" class="text-decoration-none">Example link text <i class='flag-icon flag-icon-nu'></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-nu'></i> Button</button>
<button type="button" class="btn btn-success emoji-btn"><i class='flag-icon flag-icon-nu'></i> Button</button>
<button type="button" class="btn btn-outline-danger emoji-btn"><i class='flag-icon flag-icon-nu'></i> Button</button>
</div>
<div class="d-flex gap-2">
<button type="button" class="btn btn-secondary"><i class='flag-icon flag-icon-nu'></i></button>
<div class="btn-group">
<button type="button" class="btn btn-outline-secondary"><i class='flag-icon flag-icon-nu'></i><span class="visually-hidden">Button</span></button>
<button type="button" class="btn btn-outline-secondary"><i class='flag-icon flag-icon-nu'></i><span class="visually-hidden">Button</span></button>
<button type="button" class="btn btn-outline-secondary"><i class='flag-icon flag-icon-nu'></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-nu'></i></span>
<input type="text" class="form-control" placeholder="Input group example" aria-label="Input group example" aria-describedby="basic-addon1">
</div>