How to set Bootstrap Glyphicons as shortcut icon

Question

How to set Bootstrap Glyphicons as shortcut icon?

For website we use

<link rel="shortcut icon" href="images/logo-small.jpg">

How to set Bootstrap Glyphicons as shortcut icon for glyphicon glyphicon-cloud

Answer 1

You can't directly. The twitter bootstrap icons are a webfont, and a shortcut icon needs to be an image.

Use an image editor to create the favicon image file manually.

UPDATE: The bootstrap icons are from Glyphicons, and their free download package includes the bootstrap cloud icon as a PNG. You will need to make this into a 16x16 px (normal res) or 32x32 px (for retina) png, which will then be good to reference as you already know how:

<link rel="shortcut icon" href="images/cloud.png">