A team member switched us to this library from material-design-icons, but it messed up a bunch of our styling. After perusing the source code, I have a suggestion: remove the style attributes used in Icon and SvgIcon and instead use a CSS class (perhaps className="react-icons-kit") with some CSS to apply the inline-block and vertical-align rules. My reasoning is that this will make it easier to style the icons and override your defaults without having to add a className and style to every Icon component.
A team member switched us to this library from material-design-icons, but it messed up a bunch of our styling. After perusing the source code, I have a suggestion: remove the
styleattributes used inIconandSvgIconand instead use a CSS class (perhapsclassName="react-icons-kit") with some CSS to apply theinline-blockandvertical-alignrules. My reasoning is that this will make it easier to style the icons and override your defaults without having to add aclassNameandstyleto everyIconcomponent.