Icons

To add an icon in the icon system, create the icon svg file in src/icons folder. Make sure to minimize it and to remove the fill and stroke colors where needed. Store the non-minimized version of the icon in src/icons_raw.

All icons will be included in the static/icons.svg SVG sprite.

To include an icon, copy and paste the markup below

Make sure you replace the identifier home (the word just after the #) with the desired icon name chosen from the list below and the Accueil with the wanted title


Example:

Here is the full rendered markup for the home icon:

<svg role="img">
    <title>Give me a title</title>
    <use xlink:href="#home"></use>
</svg>

Available icons

Actions

  • close

  • slide

  • glass

  • plus

  • next

  • last

Miscellaneous

  • testimony

  • quote

  • arrow

  • clock

  • location

Social Media / Contact

  • facebook

  • tiktok

  • bluesky

  • twitter

  • linkedin

  • instagram

  • threads

  • mail

  • youtube

  • mastodon

  • tumblr

  • mobile

  • telegram

  • link

  • facebook--no-outline

  • twitter--no-outline

  • mail--no-outline

  • whatsapp--no-outline


⤺ back to docs homepage