Buttons : Icons

Nav rapide
Icon Simple Icon With Notice Icon Rounded White Save Search Saved Search Nav Swipe : Blue Nav Swipe : White Nav Swipe : Grey Video Socials Squared Download

Icons

Icon Simple - Voir le template
  • template
<button class="btn btn-icon">

    <?= icon('help', 'w-6.25'); ?>

</button>
Icon With Notice - Voir le template
  • template
<button class="btn btn-icon with-notice">

    <?= icon('help', 'w-6.25'); ?>

</button>

Icons Rounded

Icon Rounded White - Voir le template
  • template
<button class="btn btn-icon">

    <?= icon('help', 'w-6.25'); ?>

</button>

Save Search

Save Search - Voir le template
  • template
<button class="btn btn-search-save">

    Sauvegarder ma recherche

    <span class="icon-btn"><?= icon('save-search'); ?></span>

</button>
Saved Search - Voir le template
  • template
<button class="btn btn-search-saved">

    <?= icon('label-check-colored'); ?>

    Recerche sauvegardée

    <span class="icon-btn"><?= icon('save-search'); ?></span>

</button>

Nav Swipe

Nav Swipe : Blue - Voir le template
  • template
<button class="btn btn-nav-swipe btn-nav-swipe--blue">

    <?= icon('chevron-right', 'w-2'); ?>

</button>
Nav Swipe : White - Voir le template
  • template
<button class="btn btn-nav-swipe btn-nav-swipe--white">

    <?= icon('chevron-right', 'w-2'); ?>

</button>
Nav Swipe : Grey - Voir le template
  • template
<button class="btn btn-nav-swipe btn-nav-swipe--grey">

    <?= icon('chevron-right', 'w-2'); ?>

</button>

Rounded

Video - Voir le template
  • template
<button class="btn btn-video">

    <?= icon('play-button'); ?>

</button>
Socials - Voir le template
  • template
<button class="btn btn-socials">

    <?= icon('instagram'); ?>

</button>

Squared