<div class="uk-section">
    <div class="uk-container uk-container-small uk-flex-auto">

        <div class="uk-child-width-1-2@s" uk-grid>
            <div>

                <h2 class="uk-h5 uk-heading-divider uk-margin-large-bottom uk-margin-large-top">Iconnav horizontal</h2>

                <ul class="uk-iconnav">
                    <li class="uk-active"><a href="#" uk-icon="icon: plus"></a></li>
                    <li><a href="#" uk-icon="icon: pencil"></a></li>
                    <li><a href="#" uk-icon="icon: files"></a></li>
                    <li><a href="#" uk-icon="icon: trash"></a></li>
                </ul>

            </div>
            <div>

                <h2 class="uk-h5 uk-heading-divider uk-margin-large-bottom uk-margin-large-top">Iconnav vertical</h2>

                <ul class="uk-iconnav uk-iconnav-vertical">
                    <li class="uk-active"><a href="#" uk-icon="icon: plus"></a></li>
                    <li><a href="#" uk-icon="icon: pencil"></a></li>
                    <li><a href="#" uk-icon="icon: files"></a></li>
                    <li><a href="#" uk-icon="icon: trash"></a></li>
                </ul>

            </div>
        </div>

    </div>
</div>
