---
title: Icônes
url: icons
design:
  full_width: true
  toc:
    present: false
    offcanvas: false
blocks:
- template: chapter
  title: >-
    Icônes en taille fixe (bloc)
  position: 0
  data:
    layout: no_background
    text: >-
      <p>
        <i class="icon-block-burger"></i> icon-block-burger <br>
        <i class="icon-block-close"></i> icon-block-close <br>
        <i class="icon-block-toc"></i> icon-block-toc <br>
        <i class="icon-block-arrow-first"></i> icon-block-arrow-first <br>
        <i class="icon-block-arrow-previous"></i> icon-block-arrow-previous <br>
        <i class="icon-block-arrow-next"></i> icon-block-arrow-next <br>
        <i class="icon-block-arrow-last"></i> icon-block-arrow-last <br>
        <i class="icon-block-pause"></i> icon-block-pause <br>
        <i class="icon-block-play"></i> icon-block-play <br>
        <i class="icon-block-download"></i> icon-block-download <br>
        <i class="icon-block-eye"></i> icon-block-eye <br>
        <i class="icon-block-search"></i> icon-block-search <br>
      </p>
      <p class="lead">
        <i class="icon-block-burger"></i> icon-block-burger <br>
        <i class="icon-block-close"></i> icon-block-close <br>
        <i class="icon-block-toc"></i> icon-block-toc <br>
        <i class="icon-block-arrow-first"></i> icon-block-arrow-first <br>
        <i class="icon-block-arrow-previous"></i> icon-block-arrow-previous <br>
        <i class="icon-block-arrow-next"></i> icon-block-arrow-next <br>
        <i class="icon-block-arrow-last"></i> icon-block-arrow-last <br>
        <i class="icon-block-pause"></i> icon-block-pause <br>
        <i class="icon-block-play"></i> icon-block-play <br>
        <i class="icon-block-download"></i> icon-block-download <br>
        <i class="icon-block-eye"></i> icon-block-eye <br>
        <i class="icon-block-search"></i> icon-block-search <br>
      </p>
- template: chapter
  title: >-
    Icônes à la taille du texte
  position: 1
  data:
    layout: no_background
    text: >-
      <p>
        <i class="icon-caret-bottom"></i> icon-caret-bottom <br>
        <i class="icon-caret-right"></i> icon-caret-right <br>
        <i class="icon-caret-left"></i> icon-caret-left <br>
        <i class="icon-caret-top"></i> icon-caret-top <br>
        <i class="icon-caret"></i> icon-caret <br>
        <i class="icon-list-hyphen"></i> icon-list-hyphen <br>
        <i class="icon-facebook"></i> icon-facebook <br>
        <i class="icon-twitter"></i> icon-twitter <br>
        <i class="icon-linkedin"></i> icon-linkedin <br>
        <i class="icon-instagram"></i> icon-instagram <br>
        <i class="icon-link-blank"></i> icon-link-blank <br>
        <i class="icon-arrow"></i> icon-arrow <br>
        <i class="icon-arrow-right"></i> icon-arrow-right <br>
        <i class="icon-arrow-left"></i> icon-arrow-left <br>
        <i class="icon-social"></i> icon-social <br>
      </p>
      <p class="lead">
        <i class="icon-caret-bottom"></i> icon-caret-bottom <br>
        <i class="icon-caret-right"></i> icon-caret-right <br>
        <i class="icon-caret-left"></i> icon-caret-left <br>
        <i class="icon-caret-top"></i> icon-caret-top <br>
        <i class="icon-caret"></i> icon-caret <br>
        <i class="icon-list-hyphen"></i> icon-list-hyphen <br>
        <i class="icon-facebook"></i> icon-facebook <br>
        <i class="icon-twitter"></i> icon-twitter <br>
        <i class="icon-linkedin"></i> icon-linkedin <br>
        <i class="icon-instagram"></i> icon-instagram <br>
        <i class="icon-link-blank"></i> icon-link-blank <br>
        <i class="icon-arrow"></i> icon-arrow <br>
        <i class="icon-arrow-right"></i> icon-arrow-right <br>
        <i class="icon-arrow-left"></i> icon-arrow-left <br>
        <i class="icon-social"></i> icon-social <br>
      </p>
---