Icons

To change or optimize icons…

Bootstrap icons

By default, Hugolify use Bootstrap icons .

/assets/sass/base/_icons.sass

@import "base/icons/bootstrap-icons/icons"

Optimise

For optimise automatically bootstrap icons font with icons used. This command will run a node script that parses the content and sass to determine useful icons.

yarn build:icons:bootstrap

Material icons

Beta

If you want to use Google material icons .

/assets/sass/base/_icons.sass

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

Add icons variables with glyph.

/assets/sass/base/icons/material-icons/_variables.sass

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

Icomoon

If you used custom icons and icomoon app .

/assets/sass/base/_icons.sass

@import "base/icons/icomoon/icons"

Add icons variable with glyph.

/assets/sass/base/icons/icomoon/_variables.scss

$icons-map: ();