search

twbs / icons

Official open source SVG icon library for Bootstrap.
https://icons.getbootstrap.com
MIT License
7.42k stars 1.07k forks source link

standardise icon size #1145

Open AucT opened 2 years ago

AucT commented 2 years ago

I'm considering move to bootstrap icons from fontawesome. But your icons are all too different shape-size. For example 

<i class="bi bi-pencil-fill"></i>
<i class="bi bi-link-45deg"></i>
<i class="bi bi-google"></i>
<i class="bi bi-share-fill"></i>

here codepen example https://codepen.io/AucT/pen/rNGyGLr

The link icon is small and pencil icon is too sharp. Imo it should be more fat and rounded. It's hard to explain. I'd like too see similar sizes and shape styling. Make icons more rounded and fat and with similar size.

mdo commented 2 years ago

This is a v2 thing for sure when I move from fixed with to variable width depending on the icon.

bggardner commented 2 years ago

As a general issue, I would consider this to be a duplicate of #433 (or vice versa). The general issue is that the aspect ratio of the outer boundary of stroke elements in an icon is ideally 1:1 (not "fat" or "thin"), making any spacing/padding between the stroke and the edge of the icon equal. This will allow users to not have to adjust margins/padding on a per-icon or directional basis. In the codepen example above, FontAwesome appears to do the best job of this.