alouette

Use Phosphor icons with alouette. Each glyph is imported from its own module (alouette-icons/phosphor-icons/GlyphName, exporting GlyphNameRegularIcon, GlyphNameDuotoneIcon and GlyphNameFillIcon) so only what is used is bundled, and is then either rendered through the Icon component or handed as an element to a component that takes one (Button, IconButton, Message). Its color comes from a text-* token class rather than from the SVG, so an icon follows the theme and the accent around it. Load when adding icons to alouette UI.