styled-icons

styled-icons provides over 20,000 icons from the following icon packs as Styled Components, with full support for TypeScript types and tree-shaking / ES modules. Finally, you will need to have installed a version of styled-components at least version 4.1.0 or newer, as styled-icons depends on styled-components as a peer dependency. All icons are available for preview at the Icon Explorer. For the individual icon pack packages (@styled-icons/PACK), the icons are also importable individually - this is not possible with the uber-styled-icons package containing all the packs. Some icons natively have non-square dimensions - original dimensions are exported from the individual icon exports. All icons are exported as Styled Components, which means it is possible to utilize the Styled Components API. If you wish to style all icons at once, you can create a wrapper styled component that imparts a particular style to all icons contained within the wrapper by targeting the StyledIconBase.