Mengonfigurasi Ikon Kustom

Gila Temax

February 06, 2023

Updated: May 22, 2023

Ada beberapa keuntungan untuk ikon SVG, termasuk skalabilitas, SEO friendly, kemampuan mengedit, dan resolusi independen. Oleh karena itu, masa depan SVG akan terlihat cerah dan tren penggunaan SVG akan terus meningkat.

Berikut adalah beberapa keuntungan menggunakan ikon SVG:

Tidak akan kabur dan tidak akan pecah saat diperbesar.
Tidak akan blur dan tidak pecah saat resolusi diperbesar.
Kualitas gambar akan tetap terjaga.
Dapat membuat pemuatan situs web lebih cepat.
Cocok untuk desain responsif, karena kualitasnya tetap tajam di semua perangkat.

Cara Mendapatkan Ikon SVG

Anda harus mengunjungi situs web Iconer. Di sana Anda dapat memilih berbagai jenis ikon SVG, yang akan dikodekan untuk digunakan.
Pilih salah satu dari menu ikon yang tersedia, misal pilih menu ikon dari Feather Icons.
Klik Open in App.
Pada bagian Sidebar kanan atur opsi nilai untuk Stroke Width menjadi 1.

Cari ikon SVG sesuai kebutuhan Anda, lalu klik ikon SVG nanti kodenya akan tersalin otomatis.

Contoh seperti kode ikon Download di bawah ini:

<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
  <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
  <path d="m7 10 5 5 5-5"></path>
  <path d="M12 15V3"></path>
</svg>

Selesai

Jika Anda ingin melaporkan beberapa bug, Anda dapat menuliskannya di bagian komentar pada halaman Bug Report dan jika Anda ingin meminta fitur baru atau ingin memberikan umpan balik, silakan tuliskan di bagian komentar pada halaman Request dan Feedback.