Youzer - Navbar Icons above titles

youzer-navbar-icons-above-titles.css

.yz-profile-navmenu .yz-navbar-item a i {
    display: block;
    margin: 0 0 10px;
}

.youzer.yz-horizontal-layout .yz-navbar-item a {
    min-width: 80px;
}

@media screen and (max-width: 768px) {
  .youzer .yz-profile-navmenu .yz-navbar-item a>i {
      display: inline-block;
      margin: 0;
  }
}

There are few Buddypress plugins presents, which automatically creates nav items with icons, can you please guide me how to change those icons? There is no options in Youzer Panel -> Tabs Settings and Youzer Panel ->Custom Tab Settings (as those icons automatically creates new nav items.