react-icons: sized & unsized icons do not match in size

microsoft / fluentui-system-icons

Fluent System Icons are a collection of familiar, friendly and modern icons from Microsoft.

https://aka.ms/fluentui-system-icons

MIT License

5.64k stars 497 forks source link

react-icons: sized & unsized icons do not match in size #699

Open layershifter opened 4 months ago

layershifter commented 4 months ago

Sized & unsized icons for @fluentui/react-icons don't have the same scale:

This happens while both icons the same computed box:

unsized icon

sized icon (32)

Reproduction:

https://stackblitz.com/edit/vitejs-vite-braap8?file=src%2FApp.tsx

tomi-msft commented 2 months ago

Hello! In general, the best practice is to decide which icons you will be using for the entire application and stick with that, and not use both sized and unsized icons in the same page.