Icons Bar

<section class="t-themed-section">
    <div class="t-color--light">
        <div class="o-layer  o-layer--base">
            <div class="o-retain  o-retain--default">
                <div class="o-layout  o-layout--fit  o-layout--justify">
                    <div>
                        <ul class="o-layout  o-layout--fit">
                            <li>
                                <a href="#" class="o-button-clean  c-header__nav-item" title="Facebook">
                                    <span class="u-visually-hidden">Facebook</span>
                                    <svg class="c-icon    " aria-hidden="true">
                                        <use xlink:href="../../dist/sprite.svg#icon-facebook" />
                                    </svg>

                                </a>
                            </li>
                            <li>
                                <a href="#" class="o-button-clean  c-header__nav-item" title="Instagram">
                                    <span class="u-visually-hidden">Instagram</span>
                                    <svg class="c-icon    " aria-hidden="true">
                                        <use xlink:href="../../dist/sprite.svg#icon-instagram" />
                                    </svg>

                                </a>
                            </li>
                            <li>
                                <a href="#" class="o-button-clean  c-header__nav-item" title="Twitter">
                                    <span class="u-visually-hidden">Twitter</span>
                                    <svg class="c-icon    " aria-hidden="true">
                                        <use xlink:href="../../dist/sprite.svg#icon-twitter" />
                                    </svg>

                                </a>
                            </li>
                            <li>
                                <a href="#" class="o-button-clean  c-header__nav-item" title="LinkedIn">
                                    <span class="u-visually-hidden">LinkedIn</span>
                                    <svg class="c-icon    " aria-hidden="true">
                                        <use xlink:href="../../dist/sprite.svg#icon-linkedin" />
                                    </svg>

                                </a>
                            </li>
                            <li>
                                <a href="#" class="o-button-clean  c-header__nav-item" title="WhatsApp">
                                    <span class="u-visually-hidden">WhatsApp</span>
                                    <svg class="c-icon    " aria-hidden="true">
                                        <use xlink:href="../../dist/sprite.svg#icon-whatsapp" />
                                    </svg>

                                </a>
                            </li>
                        </ul>
                    </div>

                    <div>
                        <ul class="o-layout  o-layout--fit">
                            <li>
                                <a href="#" class="o-button-clean  c-header__nav-item" title="zoeken">
                                    <span class="u-visually-hidden">zoeken</span>
                                    <svg class="c-icon    " aria-hidden="true">
                                        <use xlink:href="../../dist/sprite.svg#icon-search" />
                                    </svg>

                                </a>
                            </li>
                            <li>
                                <a href="#" class="o-button-clean  c-header__nav-item" title="inloggen">
                                    <span class="u-visually-hidden">inloggen</span>
                                    <svg class="c-icon    " aria-hidden="true">
                                        <use xlink:href="../../dist/sprite.svg#icon-user" />
                                    </svg>

                                </a>
                            </li>
                            <li>
                                <a href="#" class="o-button-clean  c-header__nav-item" title="naar begin van pagina">
                                    <span class="u-visually-hidden">naar begin van pagina</span>
                                    <svg class="c-icon    " aria-hidden="true">
                                        <use xlink:href="../../dist/sprite.svg#icon-arrow-up" />
                                    </svg>

                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>