We have svg icons that were converted from different font icon libraries (font-awesome, icomoon, custom etc.,) which differ in the dimension and spacing around them.
This causes issues when we have icons from different libraries being places in the same view appear different. In the screenshot attached the font size of the icons are all the same but they still look different because they come from different icon libraries which causes a difference in the spacing and dimensions.
Solution
We need to remove icons from different sources and have the icons from one single library (either an external library or all custom icons generated by us with exact dimension and spacing). This is a little bit of a hard problem as not all icons can occupy the entire dimension (based on the shape icons will differ)
Context:
We have svg icons that were converted from different font icon libraries (font-awesome, icomoon, custom etc.,) which differ in the dimension and spacing around them.
This causes issues when we have icons from different libraries being places in the same view appear different. In the screenshot attached the font size of the icons are all the same but they still look different because they come from different icon libraries which causes a difference in the spacing and dimensions.
Solution
We need to remove icons from different sources and have the icons from one single library (either an external library or all custom icons generated by us with exact dimension and spacing). This is a little bit of a hard problem as not all icons can occupy the entire dimension (based on the shape icons will differ)