Cara Membuat Icon Svg Mengikuti Warna di Blog

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

Leave a Comment