Bootstrap icons

Webmaster Forums, Forum Promotion, SEO, Domain Names, Hosting & More!

AdminBrave is a community with useful content and resources. Connect with fellow webmasters. Grow your network. Stay informed. Learn and share with us!

Abhi

Abhi

Valued Member
Joined
Jan 21, 2020
Messages
4,339
Reaction score
105
Points
63
AB$
11,864
Bootstrap icons come from the famous Twitter Bootstrap team lead by @Mark Otto.

Alpha 4 for Bootstrap icons is now available with 140 new icons and the total number of icons reaching around 700.

You can read more [here](https://blog.getbootstrap.com/2020/05/21/bootstrap-icons-alpha4/)
 
admin

admin

Community Leader
Joined
Aug 2, 2019
Messages
1,946
Reaction score
90
Points
48
AB$
4,587
In their website, the icon size is very small. Probably that, it doesn't look much attractive to me. Probably higher sizes would look much better. I am not saying that it is not good. Only thing they are attempting right now are basic icons. That might change by the time it reaches stable release.
 
Abhi

Abhi

Valued Member
Joined
Jan 21, 2020
Messages
4,339
Reaction score
105
Points
63
AB$
11,864
Yes, they are a bit thinner than the competition. But I think it will make its own space if they ship it with Bootstrap.

I don't think it is meant to be a stand alone icon pack for independent project. Considering Bootstrap in the backend, there is good chance some sort of integration is planned.
 
admin

admin

Community Leader
Joined
Aug 2, 2019
Messages
1,946
Reaction score
90
Points
48
AB$
4,587
Personally I am happy that there is more and more competition in this area. It will drive the market to new ideas.

Only thing is that a lot of people already call Bootstrap " heavy". Hopefully icons won't echo that.
 
Abhi

Abhi

Valued Member
Joined
Jan 21, 2020
Messages
4,339
Reaction score
105
Points
63
AB$
11,864
**Alpha 5** for Bootstrap icons is now available with 300 + new icons which mainly are hardware and device icons. An _SVG Sprite_ is also available. Now there are 1000 + icons in this pack.

> we’ve added a new `bootstrap-icons.svg` sprite. For those new to SVG sprites, it allows you to load a single asset and reference fragments of it across your project without inserting the entire HTML for the SVG.

When the pack hits 1.0 stable, it will offer icon web fonts.

> While icon fonts are great for a handful of implementation reasons, please be aware that they are not inherently the most accessible option for your visitors. SVGs provide more control and styling options, and allow you to be accessible from the start with aria roles and s.

[Read more](https://blog.getbootstrap.com/2020/06/26/bootstrap-icons-alpha5/)
 
admin

admin

Community Leader
Joined
Aug 2, 2019
Messages
1,946
Reaction score
90
Points
48
AB$
4,587
I used the Sprite file as _Inkscape Symbol_, works fine.
 
Abhi

Abhi

Valued Member
Joined
Jan 21, 2020
Messages
4,339
Reaction score
105
Points
63
AB$
11,864
Bootstrap says no more alpha for icons. Next version will be stable 1.0

> we shipped our fifth and final alpha release for Bootstrap Icons! Next up will be our v1 stable release.
 
admin

admin

Community Leader
Joined
Aug 2, 2019
Messages
1,946
Reaction score
90
Points
48
AB$
4,587
Alpha to stable, directly ? I thought they would go through a couple of beta too.
 
Abhi

Abhi

Valued Member
Joined
Jan 21, 2020
Messages
4,339
Reaction score
105
Points
63
AB$
11,864
Bootstraps says version 1.0 stable is almost ready. The set now has 1,100 + icons out of which 100 are newly included since our last update on this topic.

> So far I've added ~90 new icons and redrawn 400 others, taking us over 1,110 icons total.
 
Abhi

Abhi

Valued Member
Joined
Jan 21, 2020
Messages
4,339
Reaction score
105
Points
63
AB$
11,864
Bootstrap says

> We’ll also be releasing the Bootstrap Icons soon.
 
Abhi

Abhi

Valued Member
Joined
Jan 21, 2020
Messages
4,339
Reaction score
105
Points
63
AB$
11,864
Bootstrap icons has announced their **first stable release v1.0.0**

> 1,120 icons (up from 200 in our first alpha!) all ready for you to use and customize.

[Bootstrap says](https://blog.getbootstrap.com/2020/08/28/bootstrap-icons-stable/) that they were aiming to release an icon font but due to _tooling for generating fonts from SVG_ is giving them problems. _Icon font_ is at the moment postponed to v1.1.0 release.

Interested to know how you can use it ? The license and the related technical terminologies ?

> While they’re part of the Bootstrap family, they can be used anywhere. That’s because they’re released under the **MIT license.**
>
> Use them as embedded SVGs, as external assets with tags, as an SVG sprite, or even embedded in your CSS

 
admin

admin

Community Leader
Joined
Aug 2, 2019
Messages
1,946
Reaction score
90
Points
48
AB$
4,587
I heard that they are taking icon requests. It is possible that they are using Github issues for that.
 
Abhi

Abhi

Valued Member
Joined
Jan 21, 2020
Messages
4,339
Reaction score
105
Points
63
AB$
11,864
They are giving away individual SVGs too. You can get them from their Github repo.
 
Last edited by a moderator:
admin

admin

Community Leader
Joined
Aug 2, 2019
Messages
1,946
Reaction score
90
Points
48
AB$
4,587
Their repo is not _only_ SVG. They included other tools too. MIT license looks fine for me if somebody is interested in using them outside Bootstrap Framework.
 
Abhi

Abhi

Valued Member
Joined
Jan 21, 2020
Messages
4,339
Reaction score
105
Points
63
AB$
11,864
Bootstrap Icons v1.1.0 released. Adds emoji and file type icons along with some bug fixes

icons-emoji.png
![bootstrap 1.1.0](https://blog.getbootstrap.com/assets/img/2020/10/icons-emoji.png)

[Read more](https://blog.getbootstrap.com/2020/10/28/bootstrap-icons-1-1-0/)
 
L

Lee

Valued Member
Joined
Oct 27, 2020
Messages
5
Reaction score
0
Points
0
AB$
110
Nice. The emojis arena good alternative. Very retro looking.
 
Abhi

Abhi

Valued Member
Joined
Jan 21, 2020
Messages
4,339
Reaction score
105
Points
63
AB$
11,864
More icons is on the way. Mainly media control and Social icons.
 
Abhi

Abhi

Valued Member
Joined
Jan 21, 2020
Messages
4,339
Reaction score
105
Points
63
AB$
11,864
Web fonts are getting ready for Bootstrap icons

> Even better than new Bootstrap Icons is a new web font to go with them! Starting with .woff and .woff2 for now, but we’re also includes a .json export and CSS file for them. Coming in our next release!
 
Abhi

Abhi

Valued Member
Joined
Jan 21, 2020
Messages
4,339
Reaction score
105
Points
63
AB$
11,864
v 1.2.0 released, includes icon fonts (.woff and .woff2)

Social icons

icons-social.png
![social icons bootstrap](https://blog.getbootstrap.com/assets/img/2020/12/icons-social.png)

Media icons

icons-media.png
![media icons bootstrap](https://blog.getbootstrap.com/assets/img/2020/12/icons-media.png)
 
Abhi

Abhi

Valued Member
Joined
Jan 21, 2020
Messages
4,339
Reaction score
105
Points
63
AB$
11,864
Version 1.2. released to public

> Wishing everyone happy holidays with our latest release, Bootstrap Icons v1.2.2! We’ve fixed the glitches with icon fonts, refined some glyphs, and fixed a couple docs issues.
 

Create an account or login to comment

You must be a member in order to leave a comment

Create account

Create an account on our community. It's easy!

Log in

Already have an account? Log in here.

Similar threads

Abhi
Replies
0
Views
122
Abhi
Abhi
Abhi
Replies
6
Views
666
phenomlab
P
Abhi
Replies
2
Views
180
Abhi
Abhi
Abhi
Replies
73
Views
3K
Abhi
Abhi
AB Paperboy
Replies
0
Views
39
AB Paperboy
AB Paperboy
Top