Icons

Bootstrap, Materials, Icomoon icons…

hugolify-theme-bootstrap includes Bootstrap Icons by default. But you can replace it with any other icon set.

Optimize

To strip unused icons from the font, run:

yarn build:icons:bootstrap

This script parses templates and SASS to detect which icons are actually used and rebuilds the icon font with only those.

You can replace or extend the default icon set by overriding the icons SASS in your project.

assets/
└── sass/
    └── base/
        └── _icons.sass

@import "base/icons/material-icons/icons"

Add icon variables with glyph names:

// example
$icon-arrow-right: 'east'

For custom SVG icon sets via Icomoon :

assets/
└── sass/
    └── base/
        └── _icons.sass

@import "base/icons/icomoon/icons"

$icons-map: ();