√ Kumpulan Icon SVG Standar Blogger

Kumpulan Icon SVG Standar Blogger

April 24, 2022

Pada kali ini saya akan share data icon svg kepada kalian jadi kalian tidak akan kesulitan apabila ingin mencari icon svg tinggal cari aja artikel ini.

Sekarang ini banyak sekali blog yang menggunakan SVG selain ringan juga icon bisa di edit sesuka hati tergantu kalian juga sih sebenarnya.

Buat yang belum tau mengenai svg ini mimin akan jelaskan kepada kalian semua yang bila mana dari kalian belum ada yang tau.

Apa itu SVG ?

Scalable Vector Graphics adalah format gambar yang menggunakan XML sebagai dasar untuk membentuk gambar vektor dua dimensi. SVG adalah format gambar yang dikembangkan oleh World Wide Web Consortium sejak tahun 1999. Sebuah gambar dengan format SVG disimpan dalam bentuk file XML kutip Wikipedia

Pada kali ini sebenarnya saya akan bagikan icon svg yang mana standar blogger, mengaapa standar blogger!

Icon dibawah ini tidak akan berfungsi jika tidak digunakan dalam platfrom blogger atau template blogger.

Bagi kalian yang menggunakan template lama blogger atau tema lawas tentu fungsi dari svg ini tidak akan berfungsi khusus bagi kalian pengguna template baru akan berfungsi.

Untuk daftar icon svg ini kamu bisa langsung aja lihat pada daftar gambar yang ada di bawah ini.

Daftar Icon SVG Default Blogger

<b:include data='{ button: true, iconClass: "flat-icon-button ripple" }' name='menuIcon'/> |
<b:include data='{ button: true, iconClass: "flat-icon-button ripple" }' name='searchIcon'/> |
<b:include data='{ button: true, iconClass: "flat-icon-button ripple" }' name='closeIcon'/> |
<b:include data='{ button: true, iconClass: "flat-icon-button ripple" }' name='shareIcon'/> |
<b:include data='{ button: true, iconClass: "flat-icon-button ripple" }' name='defaultAvatarIcon'/> |
<b:include data='{ button: true, iconClass: "flat-icon-button ripple" }' name='flatbloggerIcon'/> |
<b:include data='{ button: true, iconClass: "flat-icon-button ripple" }' name='facebookIcon'/> |
<b:include data='{ button: true, iconClass: "flat-icon-button ripple" }' name='twitterIcon'/> |
<b:include data='{ button: true, iconClass: "flat-icon-button ripple" }' name='pinterestIcon'/> |
<b:include data='{ button: true, iconClass: "flat-icon-button ripple" }' name='emailIcon'/> |
<b:include data='{ button: true, iconClass: "flat-icon-button ripple" }' name='chevronDownIcon'/> |
<b:include data='{ button: true, iconClass: "flat-icon-button ripple" }' name='chevronUpIcon'/> |
<b:include data='{ button: true, iconClass: "flat-icon-button ripple" }' name='backArrowIcon'/> |
<b:include data='{ button: true, iconClass: "flat-icon-button ripple" }' name='linkIcon'/> |
<b:include data='{ button: true, iconClass: "flat-icon-button ripple" }' name='commentIcon'/> |
<b:include data='{ button: true, iconClass: "flat-icon-button ripple" }' name='forwardArrowIcon'/> |
<b:include data='{ button: true, iconClass: "flat-icon-button ripple" }' name='verticalMoreIcon'/> |
<b:include data='{ button: true, iconClass: "flat-icon-button ripple" }' name='sharingOtherIcon'/> |

Penjelasan :

Area yang mimin beri warna hijau adalah tag pemanggil untuk setiap jenis icon
iconClass: " flat-icon-button " adalah seleksi class bagian tombol icon

Sampai saat ini, ada 18 model icon SVG yang sudah tersedia dari tema bawaan blogspot.

Apabila tampilan icon diatas berantakan saat dipasang, Anda harus menyalin kode CSS dibawah ini.

.svg-icon-24 {width:24px:height:24px}

Alasan mimin membagikan informasi ini adalah untuk membantu mempercepat pekerjaan Anda.

Banyak sekali keunggulan yang bisa kamu dapat apabila menggunakan icon svg ini pada template blog.

Satu nya adalah dengan membuat template blog menjadi lebih ringan saat di akses pada jenis apapun

Berikut 2 daftar situs penyedia icon SVG yang mimin sering gunakan untuk kepentingan mendesain tema.

https://materialdesignicons.com/ - Material Design Icons
https://icomoon.io/ - IcoMoon

Kata Penutup

Mungkin itulah beberapa informasi dari mimin terkait icon SVG versi standar dari blogspot.

Jika masih ada yang kurang, silahkan tulis masukannya dikolom komentar.

Mas Dar April 24, 2022

Kumpulan Icon SVG Standar Blogger