Sadece iyi niyetle tavsiye için yazıyorum. Dikkate alıp almamak size kalmış.
Kapsayıcıya flex özelliği verdiğinizde alt elemanlara flex : 0 0 auto; verdikten sonra width değeri atamanız daha sağlıklı olacaktır.
Header kısmında genişliği sabit olabilecek tek alan logo alanı. Bu alana bir width değeri verip diğerlerini serbest bırakmak gerekebilir.
Sağ kısımda zaten mobile geçtiğinizde yazıları kapatıyorsunuz sol kısımdada bir adet materyal bulunduğu için mobil ekrana düştüğünde logonun genişliğiyle oynamanız yeterli olacaktır.

İkonları svg çıktı almak yerine svg kod çıktısı alıp ekleyebilirsiniz ekstra img'e filter ile renk değişimi kodlarından kurtulmuş olursunuz yada ikon kütüphanelerinden faydalanarak i vb taglar ile statik şekilde koyarak yine css kısmında sadece color özelliğine etki edebilirsiniz.

Emekleriniz için teşekkürler.