Bootstrap Glyphicon Library

Glyphicons is a library of monochrome icons and symbols. The normally paid use of Glyphicon has been made free for BootStrap by its designer. (http://glyphicons.com/ is the creator's site.)

Thanks to the BootStrap Glyphicon library, we can easily use a large number of icons and symbols with certain meanings on our pages.

For example, if we need a star icon, we can use glyphicon instead of adding it as an image.

To give a few more examples, we can use glyphicons for the user icon, for the download icon, for the refresh icon, etc.

We can use these symbols almost anywhere on our page (text, button, form, menu-navigation...).

Glyphicon icons take shape according to the font properties of their location. In other words, we determine the color of the glyphicon with the text color. Likewise, if we increase the text size, the glyphicon there will also grow.

An empty span tag is used to create the glyphicon. First, the .glyphicon class is applied to this tag, followed by a second class that determines the icon's property. In the example below, the star icon is obtained by applying the glyphicon-search class.

Result:

Link vermek istersek:

Result:

Using inside a button:

Result:Search

Examples of usage can be easily multiplied. You can try the codes yourself in the topic examples.

Here is the full list of BootStrap Glyphicon Library:

EXERCISES