@UPRSoft; teşekkürler hocam.
@thealiyasar;
"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." bunu tam olarak anlamadım örnek olarak yazar mısınız ?

"İ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." Normalde evet SVG eklenebilir doğru. Amacım şu ama:
1:Büyük projelerde her yere SVG eklenmesi tavsiye edilmez DOM'un şişmemesi için, pagespeed uyarı verir ona. Bu sebeple farklı kullanımları göstermeye çalışıyorum.
İkon eklemenin dediğiniz gibi 4-5 farklı yöntemi var. O yöntemlerede farklı bir videoda değineceğim.
Yeri gelmişken konuyla ilgili yazılarımı da paylaşayım merak eden olursa diye:
https://tasarlab.com/nucleo-ile-font...si-olusturmak/
https://tasarlab.com/htmlde-ikon-ekl...rn-yontemleri/

Teşekkürler hocam yorumunuz için.