svg hakkında

emmir2 1195 gün önce

757 defa görüntülendi

Merhabalar svg iconları daha çok https://fonts.google.com/icons
kısmından alıyorum lakin rengi siyah olduğu için projeme pek uymuyor

bu tarz renkte olan svg iconları nereden bulabilirim önerebileceğiniz siteler varmı

Soru hatalı mı? 👎

Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!

Spam olarak işaretle

Cevap yaz

1
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Cevaplar (8)

ilyasbilgihan

1195 gün önce


<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000"> <!-- #000 yerine "currentColor"-->
    <path d="M0 0h24v24H0V0z" fill="none"/>
    <path d="M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2zm-2 1H8v-6c0-2.48 1.51-4.5 4-4.5s4 2.02 4 4.5v6z"/>
</svg>

Diyelim ki SVG iconunun rengi siyah (#000). İlgili SVG dosyanın içerisindeki siyah olarak atanmış fill veya stroke attribute larını currentColor olarak değiştir. Daha sonra bu SVG leri kullandığın yerde CSS ile bir color ataması yap.

Şu örneği inceleyebilirsin.

Ben farklı bir icon kaynağı istiyorum diyorsan Remixicon'u önerebilirim. Fakat yine de hover ya da active class atama işlemlerinde yukarıdaki anlattığım yönteme ihtiyaç duyacaksın.

#008519

yilmazev

1173 gün önce

icons8.com
iconsvg.xyz
heroicons.com
feathericons.com
www.svgrepo.com

#008724

emmir2

1185 gün önce

@selim ister css için de ister svg dosyası içinde değiştir istediğin gibi

#008624

h4ckdr0

1190 gün önce

google ikonlarına alternatif linkler:

https://fontawesome.com/v5.15/icons
https://linearicons.com/free
https://www.flaticon.com/uicons
https://ionic.io/ionicons

#008598

selim

1193 gün önce

@emmir2 peki onun için ne yazıyoruz ? currenSize gibi birşey mi ? yoksa direk css içinde width height değiştirebiliyor muyuz ?

#008557

emmir2

1194 gün önce

@selim evet yapabilirsin

#008547

erdal42

1194 gün önce

Fontello tarzı yararlı sitelerden kendi ikonlarını atıp ikon fontunu kendin oluşturabilirsin.

#008538

selim

1194 gün önce

@ilyasbilgihan peki aynı şeyi boyut içinde yapabilir miyiz (width - height)?

#008537