glyphicons-halflings

GLYPHICONS is a library of precisely prepared monochromatic icons and symbols, created with an emphasis to simplicity and easy orientation.

Usage no npm install needed!

<script type="module">
  import glyphiconsHalflings from 'https://cdn.skypack.dev/glyphicons-halflings';
</script>

README

glyphicons-halflings

This is Sass (Syntactically Awesome StyleSheets) based stylesheet generator for GLYPHICONS Halflings.

Installing

bower install glyphicons-halflings

Building

Just install all deps and call gulp

npm install
gulp

Inject into Bootstrap 4

As Bootstrap 4 will drop GLYPHICONS support you can use this project to simply inject icons into their CSS.

Modify lib/glyphicons-halflings/scss/glyphicons-halflings/_variables.scss and change it to:

$glyphicons-halflings-class-prefix: glyphicon !default;
$glyphicons-halflings-font-base-size: 12px !default;
$glyphicons-halflings-include-bonus: false !default;

After that you can include this in bootstrap.scss from Boostrap 4 source tree:

@include "glyphicons-halflings"

You also can set the font base path by setting the $glyphicons-halflings-font-path:

$glyphicons-halflings-font-path: '../fonts' !default;

And compile.