Css ile svg resim renk değiştirme

19-06-2023, 16:12:22

Merhaba,

svg formatındaki resmi css ile değiştirmeye çalışıyorum ama yapamıyorum sorun neden kaynaklı acaba?

.uyeolicon{
    background-size: contain;
    height: 45px;
        mix-blend-mode: multiply;
    fill: #ffffff;
}

<svg class="uyeolicon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64" viewBox="0 0 64 64">
  <image id="Katman_0" data-name="Katman 0" x="7" y="7" width="49" height="49" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAAxCAMAAABEQrEuAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABTVBMVEUAAAAAAABNTV0zZmZFT1RHUVRHUVVGUFRHUFVIUVVIUVZIUVVIUFRITVNFUFVHUVVHUFVHUFVHUVVHUFZHT1VHUFVHUFVGT1VHUFVIT1VHUVVIUFZIUVNFVVVHT1VGTlZHUFVGTVdVVVVGUVZIUFVIUlZHUFRVVVVGUFVFU1ZIUFZJSUlGUFRNTU1HUFWAgIBSUlJHT1ZGT1ZCUlJGU1ZGWFhAS1dIUFVMTF5HUFVFUFBHUFVHUFZHUFVHUFRHUFVGRl1HT1VHUVZKUVZAQEBIUVVHUFVHTlZVVVVIUFVIUFVRUVdFUFZAYGBHUFVJT1NNU1NHUFVJV1dHT1NGUFVGUVFHUVVHUldJT1RIUFRIUFVHUVVHUFVHT1RHUVVGT1dHUlhHUVZGUFZGUVVJT1RLUVRJUVZIUVVHUFRGTlNHT1RHUFVGUFVHUFQAAADShsQhAAAAa3RSTlMAAiEKZ+r8/vzkX62gWV3a7Pn9/f79/tK2xPD9ij/rPtttBvfqgJ0M/mj0DvMUkAQZ33EfUB0syxv7MOL6u7/oFveebgjjyHYSzpwmXBC6qCjfI2vPRb5kiLn25+PV7YdaZYP3dFKX/f5ioSLqeccAAAABYktHRACIBR1IAAAACXBIWXMAAAsSAAALEgHS3X78AAAAB3RJTUUH5wYTDwUT+Ox+7QAAAdtJREFUSMeV1elX2kAQAPCJCEFrRTBE1Kr1PlCjVDyjKFXxiFdrW6rxbK3W1f//qwsKzmbWhzMfeDuT+b3HXgkADaNOiRDtqA9HTFPUCFNGtKGxDD7UasbRJMFHDhCiGSDGEy0AcZ5IALTyhAWQ5AkbwGILW1ePt6XaOxii85NR2qiubr14IMVIT+W4fNYKWuytnp++/neJAXTkBslTEwxSG0JieISKPiJG8bkeoyJNRCMW41RMEDGJgEP214IpIqaRyAgqvtDVnXm9v+MakaUiPlsRc0Ij5mlRLEw6pf7FJc0zWzMPIe+YG1teyUlqa8RqoLKWz8LX6PO4fT2U2SAisLqb5bdTXen/RDLluRSSAbGl5NuVOe/Yud2XofeIOxKwh1N3r7qwWaM63FdFGqcHoItVWxHDWBxqBRwpIoSXNdj6Tbiua8MB6knCOsqWiIjKHwu+KwLfj2OtGIEfinBQ9lNp/1UoFKVwHgpFReB7/lsRJ6e+fyaF7/vnrz2diphTxW516L0l1hyuEAMXl1fX+eWz8B+31RR/Pe9G3irP8/69KUjImQdeNre1hcEWwBNWKpXiCRpS3PGE3PMEW0R5IgKQ4wn5dbniif9yvZs44P75nG28tz8svy1PkWX7vGWSi0gAAAAASUVORK5CYII=" troke-width="1.5" fill="#fff"/>
</svg>

19-06-2023, 16:15:04

#2

ZINKKK

içerde fill="#fff" öncelik ona verir onu kaldırman lazım yada direk oradan değiştirebilirsin.

19-06-2023, 16:17:19

#3

VolumeUP

uyelikicon svg olarak svg secebilirsin ama svg içinde fill değeri mevcut öncelik onu görüyor

Edit uyelikicon svgnin classiymis uyelikicon image olarak seçmeyi denediniz mi ? Fill ve color aynı anda verdiğinizde sonuç ne oluyor peki ?

19-06-2023, 16:18:53

#4

Adalente

Onuda ben yazdım denedim oraya verdiğim renkte beyaz ama beyaz olmuyor svg kendi rengini görüyor acaba svg kendi renginimi beyaz yapmak lazım?

19-06-2023, 16:24:02

#5