Wednesday, September 4, 2013

Twitter Bootstrap 2.3.2 - Glyphicons Extended Color Set

If you're like me, you've probably said to yourself..."Man, I'm bored of either black or white glyphicons!", as well you should be.

Isn't it time to add some new colors to your life?? YES!

Now, lets get to the fun stuff...

Step 1

Download the glyphicons-extended.zip file

Step 2

Unzip the glyphicons-extended.zip file to your web root

Step 3

Add the following line to your header...

HTML



and...VOILA! You're ready to start using your new icon colors!! All you need to do is use class names similar to "icon-white"

Available Color Classes
  • icon-red
  • icon-purple
  • icon-blue
  • icon-lightblue
  • icon-green
  • icon-yellow
  • icon-orange

EXAMPLE





















For more information on glyphicons in bootstrap check out their documentation.

Please leave your questions and comments below!

7 comments:

  1. Sorry, but your Download-Link is not working...

    ReplyDelete
    Replies
    1. Sorry about the inconvenience. I've updated my server settings to support the download url now.

      Thanks for the heads up!

      Delete
  2. thanks for the zip file.
    but it consist very few icon
    can you provide me some more icons or link to it. ?

    ReplyDelete
  3. Hi Wasim,

    I am no longer providing any updates to this plugin. It will remain limited to the default glyphicon set and colors available. If you'd like to increase the icons available to you I suggest you look at upgrading to Bootstrap 3.0: http://getbootstrap.com/getting-started/#migration OR the FontAwesome Icons: http://fortawesome.github.io/Font-Awesome/

    Thanks for visiting!

    ReplyDelete
  4. Download link is no longer working.

    ReplyDelete
    Replies
    1. Sorry about that. I just updated my DNS to fix the issue. It may take a few hours to propagate changes. Please try the link later. I will monitor the endpoint to make sure it eventually resolves.

      Thanks for the notice.

      Delete

Have a question? Something to add to the post? Do it here...