icons icon indicating copy to clipboard operation
icons copied to clipboard

standardise icon size

Open AucT opened this issue 4 years ago • 2 comments

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.

AucT avatar Dec 15 '21 19:12 AucT

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

mdo avatar Jan 19 '22 21:01 mdo

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.

bggardner avatar Feb 12 '22 16:02 bggardner