Icon resizing/centering within a boundary

[webdevan]

I guess this is a feature request.

My icons are different sizes. Some icons are square-shaped, some are tall, and some are wide. The font generator appears to standardize the icons based on height to all be of equal height but variable in width. It would be nice to have the ability to define a boundary (width:height ratio - eg a 1:1 square) and for all icons to be centered within the boundaries so that no icon is wider than all the others. A really wide icon would just appear smaller and vertically centered within the boundary.

Is this be feasible?

[mark-spurgeon]

wouldn't you be able to do that with a flex div?

[webdevan]

Perhaps but ideally an icon font makes it dead easy to use icons interchangeably. My work around was to just add font-size: 80% or similar to specific icon clases.