How to build your own tree shakable SVG icons library in less than 30 minutes!

How to create your own FontAwesome. Ship SVG icons optimized for tree shakers and splittable across multiple bundles.

Kevin Kreuzer
13 min readFeb 11, 2021

Don’t let the title fool you; building an icon library in a tree-shakable way is hard, very hard. If you make it from scratch, it’s impossible to do it in the mentioned time. But, here’s the good news. We already did the hard work for you.

I took everything I learned while building icon libraries for big companies and wrote a whole open-source tool suite so that you, with the help of this blog post, can build your own performant SVG icon library in less than 30 minutes. Sounds good? Let’s get started.

🤫 Everything described in this blog post is also available as a four part video tutorial on Youtube.

Let’s learn from the best — How does FontAwesome deliver SVG icons? 🤔

--

--

Kevin Kreuzer
Kevin Kreuzer

Written by Kevin Kreuzer

Passionate freelance frontend engineer. ❤️ Always eager to learn, share and expand knowledge.

Responses (3)