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