Body

While inspecting the UI bundle as part of #51735, I realized that there was an issue with react icons.

As shown in the image below react-icons is taking most of the bundle size, 18.5M out of the total 27M.

This is because we use icons from many sub libraries of react icons (md, pi, tb, lia, etc...). When we use an icon from a new icon lib contained in react-icons, this whole new lib will be added to the bundle, and therefore we end up with many different icon libs in the final bundle.

The goal of this issue is to go over our icon usage and refactor them so we only use one single icon lib. (maybe keep the lib that we use the most, and change other icons)

Committer

• I acknowledge that I am a maintainer/committer of the Apache Airflow project.