SVG > PNG Mobilde Bulanıklık

Freepik sitesinden svg bir dosya indirdim.
Bunu Adobe illustrator ile png dönüştürdüm. Bu bir icon ben bunu 50x50 header bir tuş haline getirdim arkadaşlar.

Masaüstünde hiçbir sorun yok ama mobilde ne bileyim cam gibi net değil
Bunu nasıl çözebilirim. SVG desteği için function dosyasına kod ekleyip svg resim kullanabilirim ama buna gerek olmadan çözmenin yolu varmı?

Teşekkür ederim.

Bunu desktop ekranında fark etmeme sebebin çözünürlüğünün çok iyi olmaması. Güncel teknolojiler (başta apple) her bir piksel'in aslında 4 alt pikselden oluştuğu bir yapıya geldi. Bunun sonucunda da sen 50px'ik bir alana 50px görüntü yerleştirince netliğini yitirmiş gibi görünüyor.
Çözüm basit 50x50 piksellik alana 200x200 piksellik görüntü yerleştirmen gerekiyor. tabii ki bunu da maalesef pagespeed gibi konularda negatif etkileri var. Veya svg kullanacaksın başka çözüm şu anlık yok

Peki hocam şunu sorayım ben bu svg dosyasını export ettiğimde (50x50 yeni bir sayfa açıp) svg olarak kaydeddiğimde 143 kb yer alıyor
Bu boyut çok büyük buna ne gibi bir çözüm bulabilirim.
Görsel gradient sanırım ondan dolayı çok yer kaplıyor.

Selamlar hocam, şöyle ki svg export alırken ayarlar var ezberimde değil ama sıkıştırma seçeneği vardı. Normalde svg görsellerde siz boyut vermezsiniz çünkü mantığı zaten vektörel çizimlerin ölçeklenerek büyümesi ve bozulmaması olduğu için isterseniz 50000x50000 alın sonuç hep aynıdır. Şöyle de bir durum var tabi sizin çıktı almaya çalıştığınız şey özünde vektörel bir çalışma değilse formatının önemi yok. Şöyle söyleyeyim, bir resmin uzantısı svg oldu diye içeriği de bu şekilde işlemez. Umarım işinize yarar verdiğim bilgiler.