When I set a navigation bar like below, the icon gets cut off.

let settingsBarButton = UIBarButtonItem()
settingsBarButton.setIcon(icon: .emoji(.gear), iconSize: 30)
navigationItem.rightBarButtonItems = [settingsBarButton]

Not sure what's wrong since the example in

Homepage: https://styled-components.com/
File extensions: .styled.js, .styled.ts, .sc.js, .sc.ts
Icon: https://styled-components.com/logo.png

SVG:
`
<path fill="#FFC77D" d="M16.05 27.6c.042-.095.148-.161.225-.241 1.175-1.232 2.36-2.453 3.519-3.7A3.2 3.2 0 0020.808 21a5.926 5.926 0 00-.143-.624c-.316.3-.61.573-.906.848

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 i

The DevTools window is spammed by this warning message:
[C:\Users\nouser\.vscode\extensions\1tontech.angular-material-0.10.0]: The "attribute directive data table column sortable + more variations"-snippet very likely confuses snippet-variables and snippet-placeholders. See https://code.visualstudio.com/docs/editor/userdefinedsnippets#_snippet-syntax for more details.