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