You can use text-wrap: balance; on icons

Terence Eden discusses using `text-wrap: balance` in CSS for more than just headings, highlighting its utility for any content, including icons. This property helps prevent awkward line breaks in narrow viewports by ensuring better balance. The spec suggests potential future updates, including line length minimums.