svg hakkında
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ı
<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.