Resource icon paling gampang dipakai

Kategori: Lain-lain
7 minutes
Resource icon paling gampang dipakai

Tabler icons adalah kumpulan icon svg gratis yang bebas dicustomasi ketebalan garis, warna dan ukurannya. Dengan jumlah icon sebanyak 558 rasanya sudah cukup untuk membuat sebuah desain. Saya merasakan lebih mudah memakai ini, bayangkan aja dengan memakai semacam font awesome, ribetnya memasang cssnya. Kadang gak tampil iconnya. Begitu pula dengan icon brbasis font lainnya. Saya pribadi kadang bingung icon ini bawaannya font awesome atau bawaaan booststrap. Pas ngurus optimasi kecepatan load web pasti bermaslah. Kalau CSS yang itu dibuang skornya langsung naik drastis. 

Enaknya pakai svg icon, tinggal kopi paste kodenya. ukurannya bisa diubah lewat kodenya. Warnanya juga bisa diubah sih lewat kode. Tapi enaknya ya pakai Tabler icon ini saja. Tinggal pilih, ganti warna, ganti ukuran, klik, kopi, paste di web kita. beres. 

Kalau pengen ngintip kodenya svg dari Table icons seperti apa, kita lihat contohnya disini. Gak usah download beneran lho, tinggal kopas kode dan bukan ngelink ke external source.

<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-clipboard-check" width="76" height="76" viewBox="0 0 24 24" stroke-width="2" stroke="#009688" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <path stroke="none" d="M0 0h24v24H0z"/>
  <path d="M9 5H7a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2V7a2 2 0 0 0 -2 -2h-2" />
  <rect x="9" y="3" width="6" height="4" rx="2" />
  <path d="M9 14l2 2l4 -4" />
</svg>

Stroke itu untuk ganti warna, width height untuk ubah ukurannya, stroke-width untuk ketebalan garisnya.

Ini contoh icon svg dari hasil kopas di tabler icons.
Semoga bermanfaat