Css ile svg resim renk değiştirme - Sayfa 2

19-06-2023, 16:32:50

#10

svg de renk degıstırebılmenız ıcın alt katmanın path yada g lerden olusması gerekmekte. Bu svg içine resmi base64 e çevrilip koyulmuş bunda renk vermek bir işe yaramaz. Vektor olarak çizilmiş olması lazım ve full svg olarak çıkması gerekiyor materyalin.

19-06-2023, 16:35:00

#11

TVBilgi

Eklemeye çalıştığınız ikon svg değil. SVG taglarının içerisine yerleştirilmiş png formatında bir görsel. Bu yüzden eklediğiniz hiç bir css kodu resim üzerinde bir değişiklik yapmaz.

İmzanızdaki sitenizi kontrol ettim. Sağ üst tarafa eklemek istiyorsunuz sanırım. Sitenizde font-awesome ikonları bulunuyor. Eklemeye çalıştığınız ikon üye kayıt sayfasında bulunuyor.

<i class="fa fa-user-plus"></i>

Paylaştığınız svg kodunun yerine bu kodu eklerseniz daha iyi olacaktır.

İkon çok küçük görünebilir bunun için css ile font-size değerleri ile uygun büyüklüğe kavuşturabilirsiniz.

Direkt olarak aşağıdaki kodu da ekleyebilirsiniz. Denedim güzel görünüyor.

<i class="fa fa-user-plus" style="font-size:26px"></i>

19-06-2023, 16:39:34

#12

Adalente

Zaman ayırıp yazdığınız için Teşekkür Ederim Ben sadece test edip öğrenmeye çalışıyorum bu svg formatını.

TVBilgi adlı üyeden alıntı: mesajı görüntüle

Eklemeye çalıştığınız ikon svg değil. SVG taglarının içerisine yerleştirilmiş png formatında bir görsel. Bu yüzden eklediğiniz hiç bir css kodu resim üzerinde bir değişiklik yapmaz.

İmzanızdaki sitenizi kontrol ettim. Sağ üst tarafa eklemek istiyorsunuz sanırım. Sitenizde font-awesome ikonları bulunuyor. Eklemeye çalıştığınız ikon üye kayıt sayfasında bulunuyor.

<i class="fa fa-user-plus"></i>

Paylaştığınız svg kodunun yerine bu kodu eklerseniz daha iyi olacaktır.

İkon çok küçük görünebilir bunun için css ile font-size değerleri ile uygun büyüklüğe kavuşturabilirsiniz.

Direkt olarak aşağıdaki kodu da ekleyebilirsiniz. Denedim güzel görünüyor.

<i class="fa fa-user-plus" style="font-size:26px"></i>

19-06-2023, 16:39:58

#13

mucahitergul

https://svgshare.com/i/uS1.svg

Bunu kullanabilirsiniz.

19-06-2023, 16:40:15

#14

chapters

Adalente adlı üyeden alıntı: mesajı görüntüle

svg ile nasıl oluşturmam lazım photoshop ile yapıp svg çeviriyorum.

svg repo da ücretsiz var bir sürü

19-06-2023, 16:45:22

#15

NEASTRO

Kimlik doğrulama veya yönetimden onay bekliyor.

Photoshop ile ne kadar svg format alsanızda bitmap çıkar sonuç.
Illustrator veya Corel Draw gibi vector tabanlı programlar ile çıktı almanız gerekiyor.