Build an icon component library for React with SVGR and Rollup

[@pedroserapio8075]

Very well explained. Thank you for pointing out the Babel setup, usually not simple to understand.

[@Uma-ol6rh]

I followed along and used my own SVG images, it works great locally. Thank you, awesome tutorial.

[@EzequielGarraffo]

I have no words to thank you. This solved my problem with svgs and rollup. Fantastic tutorial. Subscribed and liked.

[@mryechkin]

Glad to hear that! Thank you :)

[@HeyNoah]

Exactly what I was looking for! Love your videos man! Thanks so much!

[@carolineroy8009]

Super nice tutorial ! I hope you'll publish new videos in the future, love your content 🥺

[@alexanderbartolo444]

This is great, thank you for the detailed explanation.

[@phanirajk9144]

Great tutorial. Looking forward for more.

[@flightstreamer]

Awesome! Thanks for a great tutorial once again! 😀

[@QuantumXPlay]

svg color (text color) is not changing, even when i downloaded your project it didn't work also for me

[@ericsonl_]

Hey it's there a way to warp it as props from Icon component like using it with button for example `...` or ``

[@rudzkygen]

Is there an option to add dynamic import for there icons? Something similar to Lucide Icons

[@PabloRodriguez-hc4wd]

Awesome!!! Which rollup config dou you recomend to generate .js n.esm and ts?

[@rmjwilbur]

Thanks, looks just like what I was after

[@pixelbakery]

Hi, any advice on how to use SVGR with Vite/React/Tailwind?

[@mryechkin]

Great question! You can use their Rollup plugin in Vite. I made a sample repo for reference: github.com/mryechkin/vite-svgr

[@brindch8372]

Great work! how about creating a component library that is using material-ui?

[@withAsim]

Hi, I want to use (.jsx) files rather than (.js) how can I use it because I am facing an error in the build.

[@vedbhanushali608]

thanks

[@mohamedyoussef8835]

Awesome Tutorial +++++++++++++++++ Thank You