v2.5.2
Giriş yap

svg hakkında

emmir2
584 defa görüntülendi
8

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ı

prototurk beyinfırtınası
Cevap yaz
Cevaplar (8)
ilyasbilgihan
850 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.

2
#008519
yilmazev
828 gün önce

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

0
#008724
emmir2
840 gün önce

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

0
#008624
selim
848 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 ?

0
#008557
emmir2
849 gün önce

@selim evet yapabilirsin

0
#008547
erdal42
849 gün önce

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

1
#008538
selim
849 gün önce

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

0
#008537