Bootstrap Icons in Alpha

johna by | December 9, 2019 | Bootstrap

Bootstrap Icons

The Bootstrap team have introduced their own open-source icon set.

Back in the old v3.x days, Bootstrap was packaged with Glyphicons but no icon set came with v4.x so many people switched to one of the many open-source icon sets. I often used Open Iconic.

Bootstrap Icons is a separate project to Bootstrap and can be used with or without it.

The set comprises 213 icons. Some of the icons have an outlined and filled version.

The set has icons for most common needs, but there are a couple of surprise omissions. There are no icons for like or dislike, usually a thumbs up or down in other sets, and nothing I could find suitable for follow or unfollow.

You also won't find any of the social media brands represented in the set, although I know these are legally protected so are probably not appropriate in an icon set anyway. However, the set does contain Bootstrap icons -- not sure how useful these will be to most people.

The set is provided in SVG format and will scale proportionally with the selected font size.

The Bootstrap team have left the implementation up to you.

You can embed icons within your HTML, reference the individual SVGs like normal images, or use the SVG within your CSS.

If you are used to more simpler methods of including icons, you may be a little disappointed.

I wouldn't be surprised to see the icon set as an installation option when including Bootstrap v5.x when it rolls out in the near future.

Leave a comment and let me know what you think of the new icon set, whether you will use it, and what extra icons or changes you would like to see.

Visit site

Update: After only a few weeks the Bootstrap team released Bootstrap Icons Alpha 2.

They added 20 new icons including some eye icons which are suitable if you need icons for watch and unwatch.

Some issues were also fixed and some of the icons improved.

Update: 20 March 2020

Alpha 3 is now out with some major improvements to Icons and hundreds of new icons added.

Still no like and unlike icons though!

Bootstrap Icons Alpha 3

Update: 22 May 2020

Alpha 4 has been released. Like and unlike are here! There are also new e-commerce icons, calendar icons and arrows.

There are now around 700 icons including thumbs up/down.

Bootstrap Icons Alpha 4

Update: 29 June 2020

Alpha 5 is out now and will be the last Alpha release. There are now over 1,000 icons.

Next release will be v1 stable.

bootstrap-icons-alpha5-all.png

Related Posts

Bootstrap

How I use the new Bootstrap Icons web font

by johna | January 7, 2022
But using a free online tool, you can create your own web font with just the Bootstrap icons you need.

Bootstrap

What's new in Bootstrap v5

by johna | December 22, 2020
There are many changes in Bootstrap v5, but these are some of the stand-out changes I noticed when updating a website to v5.

Bootstrap

How to use the new Bootstrap Icons v1.2 web font

by johna | December 12, 2020
With the release of Bootstrap Icons v1.2, there is now an easy-to-use web font. Here's how you can use the new web font in your web pages.

Comments

There are no comments yet. Be the first to leave a comment!

Leave a Comment

About

...random postings about web development and programming, Internet, computers and electronics topics.

I recommend ASPnix for web hosting and Crazy Domains for domain registration.

Subscribe

Get the latest posts delivered to your inbox.