memasang icon svg - VIEW-SOURCE:
Postingan
44444444

memasang icon svg

222222222


CARA MEMASANG ICON SVG DI BLOG

kemudahan icon ini hanya mengcopy icon nya lalu di pasang , tak membutuhkan link atau script pendukung layaknya FONT AWESOME atau lainnya.

caranya sebagai berikut ;
1. kunjungi https://pictogrammers.com/library/mdi/
2. klik salah satu ikon yang di inginkan ..
3 klik </> [copy SVG]
4 tambahkan ukuran dan warna pada icon tersebut .

cara menambahkannya cukup simpel .
misal kode icon yang telah di copy ;

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<title>account</title>
<path d="M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z" />
</svg>

hapus bagian SVG xmlns="http://www.w3.org/2000/svg" ,
<svg xxx viewBox="0 0 24 24">

gabti dengan ini style="width:24px;height:24px
<svg style="width:24px;height:24px" viewBox="0 0 24 24">

hapus seluruh kode title

diantara path dan d=" beri kode warna fill="#fff" [warna sesuai selera].
<path fill="#fff" d="M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z" />
</svg>

hasil akhir
   sesuaikan saja warna dan ukuran icon .



BERAPA NILAI ARTIKEL INI

Loading Content...