memasang icon svg - VIEW-SOURCE:
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 otomatis telah tercopy , lalu copy ke notepad atau semacam nya .
5 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">

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

hapus bagian SVG xmlns="http://www.w3.org/2000/svg" ,
&lt;svg xxx viewBox="0 0 24 24"&gt;

ganti dengan ini style="width:24px;height:24px
&lt;svg style="width:24px;height:24px" viewBox="0 0 24 24"&gt;

hasil akhir ; <svg style="width:50px;height:50px" viewBox="0 0 24 24">
<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>



sesuaikan saja warna dan ukuran icon .

BERAPA NILAI ARTIKEL INI

Loading Content...