Cara Membuat Icon Svg Mengikuti Warna di Blog

Malestea
Malestea
Cara Membuat Icon Svg Mengikuti Warna di Blog
Bagi sobat yang menggunakan icon svg pasti berbeda dengan fontawesome yang sudah tinggal terapkan saja tapi di svg sobat harus membuat cssnya sendiri agar menyesuaikan dengan apa yang sobat inginkan.

Seperti pada judul kita akan membuat icon svg mengikuti warna pada blog lebih tepatnya akan mengikuti warna dari hover.

Cara Membuat Icon Svg Mengikuti Warna


Pertama sobat buka Blog > klik Tema > klik Edit HTML

Kedua tambahkan kode berikut tepat diatas kode </style> or ]]></b:skin>
svg{
width: 24px; // lebar svg atur oleh sobat
height: 24px; // height svg atur oleh sobat
fill: currentcolor; // fill ini berfungsi mengikuti color yang ada pada div sebelum kode svg
}
Terakhir Simpan tema

Bila sobat ingin melihat hasilnya klik tombol berikut


Dengan menggunakan kode tersebut sobat tidak perlu mengatur warna pada path di svg

Comments : Cara Membuat Icon Svg Mengikuti Warna di Blog