Problem with repeating fontawesome icons?

Question

Fonts

The essence of the problem is the appearance of an extra icon. In fact, both icons can be clicked and they do the same thing, but only one icon is inserted in the code. The second one appears automatically and I can't figure out why.

<?php get_template_part( 'theme-parts/header/pre-header',	cspt_get_base_option('header-style') ); ?>
<div class="cspt-header-height-wrapper" style="min-height:<?php echo cspt_get_base_option('header-height'); ?>px;">
  <div class="<?php cspt_header_class(); ?> <?php cspt_header_bg_class(); ?> <?php cspt_sticky_class(); ?>">
    <div class="container">
      <div class="d-flex justify-content-between align-items-center">
        <div class="cspt-logo-menuarea">
          <div class="site-branding cspt-logo-area">
            <div class="wrap">
              <?php echo cspt_logo(); ?><!-- Logo area -->
            </div><!-- .wrap -->
          </div><!-- .site-branding -->
          <!-- Top Navigation Menu -->
          <div class="navigation-top">
            <div class="cspt-mobile-search">
              <?php cspt_header_search(); ?>
            </div>
            <button id="menu-toggle" class="nav-menu-toggle">
              <i class="cspt-base-icon-menu-1"></i>
            </button>
              <div class="wrap">
                <nav id="site-navigation" class="main-navigation cspt-navbar <?php cspt_nav_class(); ?>" aria-label="<?php esc_attr_e( 'Top Menu', 'enginir' ); ?>">
                  <?php wp_nav_menu( array(
                    'theme_location' => 'creativesplanet-top',
                    'menu_id'        => 'cspt-top-menu',
                    'menu_class'     => 'menu',
                  ) ); ?>
                </nav><!-- #site-navigation -->
              </div><!-- .wrap -->
          </div><!-- .navigation-top -->
        </div>
        <div class="cspt-right-box">					
          <?php cspt_header_search(); ?>					
        </div>
      </div><!-- .justify-content-between -->
    </div><!-- .container -->
  </div><!-- .cspt-header-wrapper -->
</div><!-- .cspt-header-height-wrapper -->