How to document an icon font

Posted on 29 November 2019 at 16:03 by Wolfr_

First, make sure icon font generation is active. In bedrock.config.js check this:

icons: {
    generateIconFont: true,

The loop that you need to document an icon font is as follows:

each icon in icons.iconFont
    p #{icon}

You would place this in a .pug file inside the documentation.

You could semantically put it in a proper list:
    each icon in icons.iconFont
            | #{icon}

You can then add some styling if you want:

/* Styling for icon font list
   ========================================================================== */

.br-icon-font-list {
  columns: 16rem;
  list-style: none;
  padding: 0;
  margin: 0;
  li {
    display: flex;
    padding: 0 1rem 1rem 0;
    .if {
      display: inline-block;
      margin-right: 1rem;

Voila, that is how you document an icon font.

Leave a Reply

Your email address will not be published. Required fields are marked *