E2.0 flag: Colombia Emoji
About this Emoji
The 🇨🇴 flag emoji is a vibrant digital emblem of Colombia, a nation brimming with color and rhythm! Its bold stripes of yellow (representing wealth and sovereignty), blue (for the oceans, skies, and rivers), and red (symbolizing the blood spilled for independence) encapsulate the country's rich heritage and diverse spirit. Commonly used to express national pride, celebrate Colombian culture—from its world-renowned coffee and lively cumbia to its stunning biodiversity. Whether cheering on the national football team, sharing travel memories from Cartagena, or showcasing love for artists like Shakira, this flag instantly signifies all things Colombian. It’s a warm, colorful shout-out to a country known for its captivating landscapes and incredible zest for life.
Styling contents with Emoji
<div class="emoji-bh fs-2"><i class='flag-icon flag-icon-co'></i> Heading</div>
<div class="emoji-sh fs-4"><i class='flag-icon flag-icon-co'></i> Smaller heading</div>
Inline text
<p>Inline text <i class='flag-icon flag-icon-co'></i></p>
<p><a href="#" class="text-decoration-none">Example link text <i class='flag-icon flag-icon-co'></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-co'></i> Button</button>
<button type="button" class="btn btn-success emoji-btn"><i class='flag-icon flag-icon-co'></i> Button</button>
<button type="button" class="btn btn-outline-danger emoji-btn"><i class='flag-icon flag-icon-co'></i> Button</button>
</div>
<div class="d-flex gap-2">
<button type="button" class="btn btn-secondary"><i class='flag-icon flag-icon-co'></i></button>
<div class="btn-group">
<button type="button" class="btn btn-outline-secondary"><i class='flag-icon flag-icon-co'></i><span class="visually-hidden">Button</span></button>
<button type="button" class="btn btn-outline-secondary"><i class='flag-icon flag-icon-co'></i><span class="visually-hidden">Button</span></button>
<button type="button" class="btn btn-outline-secondary"><i class='flag-icon flag-icon-co'></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-co'></i></span>
<input type="text" class="form-control" placeholder="Input group example" aria-label="Input group example" aria-describedby="basic-addon1">
</div>