Styled Icons provide icon packs as Styled Components

Styled Icons provide icon packs as Styled Components
Average rating: 0
(0 votes)

Thanks! You’ve rated this material!

Another useful source to simplify your developer’s life! This is the Styled Icons resource helping you to import icons from the Font Awesome, Material or Octicons icon packs. With Icons Exporter feature Styled Icons provide icon packs as Styled Components. 

Except for mentioned packages, the icons are also available as individual imports – it is recommended that you import icons individually using ES modules along with a module bundler like Webpack or Rollup in order to enable tree-shaking. This means that the module bundler will remove unused icons from the final JavaScript bundle.

Styled Icons accept all the valid props of an <svg /> element, in addition to the following custom props of size, title, and CSS. All icons are exported as Styled Components, which means it is possible to extend their styles or otherwise utilize the Styled Components API.

Styled Icons provides the Font Awesome, Feather, Material Design, and Octicons icon packs as Styled Components, with full support for TypeScript types and tree-shaking / ES modules.

Read about Styles Icons in details on GitHub.

p.s. last year we shared with you the other useful free icon library.

Rate this article, if you like it

Thanks! You’ve rated this material!

Got a project? Let's discuss it!

*By submitting this form you agree with our Privacy Policy.

Mailing & Legal Address

Syndicode Inc. 340 S Lemon Ave #3299, Walnut CA, 91789, USA

Visiting & Headquarters address
Kyiv Sofiivska 1/2a, 01001, Kyiv, Ukraine
Dnipro Hlinky 2, of. 1003, 49000, Dnipro, Ukraine
Email info@syndicode.com
Phone (+1) 9035021111