husstanden/templates/layout/includes/top_nav.html

<style>
.rndblock {
    border-radius: 100%;
    background: #B507DB;
	background-position: center;
    width: 40px;
    height: 40px;

    color: white;
    text-align: center;
    font-size: 24px;
    vertical-align: middle;
    display: table-cell;
}

.languk {
    background-image: url("{{ url_for('static', filename='const/img/flags/gb.svg') }}");
}

.langno {
    background-image: url("{{ url_for('static', filename='const/img/flags/no.svg') }}");
}
</style>

<nav class="navbar navbar-dark bg-dark" style="margin-bottom: 10px;">
    <a class="navbar-brand" href="#">Dashboard</a>
    <div class="my-2 my-lg-0 d-flex">
        <div class="col">
            <div class="rndblock languk"></div>
        </div>
        <div class="col">
            <div class="rndblock">
                <i class="fas fa-bell"></i>
            </div>
        </div>
        <div class="col">
            <div class="rndblock"> <!-- OR INCLUDE BACKGROUND TEXTURE -->
                T <!-- FIRST CHAR OF USER -->
            </div>
        </div>
    </div>
</nav>