Hello guys, this time I want to share a trick on how to get free svg icons on flaticon without having to use a premium account. Oke tanpa banyak basa basi lagi, mari kita lakukan.
💻 Persiapan
- Browser.
- Sedikit pengetahuan mengenai file extension.
- Tau bagaimana cara menggunakan inspect / browser preview.
- Tau tentang struktur HTML.
👍 Keuntungan dari Metode ini
- Tida perlu lagi menggunakan akun premium.
- Ini relatif cepat dan mudah dilakukan.
👎 Kekurangan dari Metode ini
- Tidak bisa download secara mudah dengan satu klik. Harus menggunakan metode khusus untuk mengunduhnya.
❤️ Tutorial
- Login terlebih dahulu ke https://www.flaticon.com.
- Setelah itu pilih icon yang ingin kamu download.
- Setelah menemukan icon yang ingin Anda download masuk ke icon tersebut lalu klik
Edit icon
.
- Setelah itu klik kanan di iconnya lalu pilih
Inspect
.
- Setelah itu temukan tag SVG, jika sudah ketemu "klik kanan ➡️ Copy ➡️ Copy Element"
- Anda akan mendapatkan kode svg seperti ini.
hacker.svg
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="512" height="512" x="0" y="0" viewBox="0 0 54 54" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g>
<g xmlns="http://www.w3.org/2000/svg">
<g><path d="m17.86 23.91c-2.58.58-4.83 2.14-6.26 4.37-3.18 4.98-7.12 12.48-5.9 16.71 1.25 4.3 12.88 5.55 12.88 5.55h16.85s11.65-1.25 12.88-5.55c1.22-4.23-2.72-11.73-5.91-16.71-1.42-2.22-3.68-3.78-6.25-4.36-6.1-1.38-12.2-1.38-18.29-.01z" fill="#324448" data-original="#324448" class=""></path>
<g fill="#2c3c3f"><path d="m48.3 44.99c-1.23 4.3-12.88 5.55-12.88 5.55h-16.85s-11.63-1.25-12.88-5.55c-.46-1.61-.18-3.69.54-5.93 6 3.24 13.14 5.12 20.8 5.12 7.64 0 14.77-1.87 20.75-5.11.7 2.24.98 4.31.52 5.92z" fill="#2c3c3f" data-original="#2c3c3f" class=""></path>
<path d="m33.59 45.06 8.15-4.48-.13.46-4.08-8.3 4.69 7.97c.09.15.04.35-.1.45l-.02.01-7.79 5.08z" fill="#2c3c3f" data-original="#2c3c3f" class=""></path><path d="m20.41 45.06-8.15-4.48.13.46 4.08-8.3-4.69 7.97c-.09.15-.04.35.1.45l.02.01 7.79 5.08z" fill="#2c3c3f" data-original="#2c3c3f" class=""></path></g></g>
<g><path d="m41.07 34.26v15.68c0 .59-.47 1.06-1.06 1.06h-26.01c-.59 0-1.06-.47-1.06-1.06v-15.68c0-.59.47-1.06 1.06-1.06h26.01c.58 0 1.06.48 1.06 1.06z" fill="#dcdfd4" data-original="#dcdfd4" class=""></path><g><g><path d="m24.99 41.06h-.5v-1.47h1.47v.5h-.97z" fill="#999999" data-original="#999999"></path></g>
<g><path d="m25.96 44.61h-1.47v-1.47h.5v.97h.97z" fill="#999999" data-original="#999999"></path></g><g><path d="m29.51 41.06h-.5v-.97h-.97v-.5h1.47z" fill="#999999" data-original="#999999"></path></g><g><path d="m29.51 44.61h-1.47v-.5h.97v-.97h.5z" fill="#999999" data-original="#999999"></path></g></g>
<path d="m41.06 41.61v8.33c0 .59-.47 1.06-1.06 1.06h-26.01c-.58 0-1.06-.47-1.06-1.06v-8.35c3.43 3.27 8.47 5.34 14.08 5.34 5.6 0 10.63-2.06 14.05-5.32z" fill="#cacebc" data-original="#cacebc" class=""></path></g><g><path d="m31.61 28.82c3.32-2.25 5.6-6.85 5.6-12.16 0-7.53-4.58-13.66-10.22-13.66-5.62 0-10.2 6.13-10.2 13.65 0 5.32 2.28 9.91 5.59 12.16h9.23z" fill="#324448" data-original="#324448" class=""></path>
<path d="m18.12 17.36c0 6.99 3.98 12.68 8.89 12.68 4.89 0 8.87-5.69 8.87-12.68 0-4.94-17.76-4.94-17.76 0z" fill="#2c3c3f" data-original="#2c3c3f" class=""></path><path d="m35.87 17.37c0 2.26-.42 4.4-1.17 6.25-5.14-.97-10.28-.98-15.42 0-.75-1.85-1.17-3.99-1.17-6.25 0-4.95 17.76-4.95 17.76 0z" fill="#252525" data-original="#252525" class=""></path><path d="m30.2 19.52v4.33c0 1.77-1.44 3.21-3.21 3.21-1.77 0-3.21-1.44-3.21-3.21v-4.33z" fill="#f7be8b" data-original="#f7be8b" class=""></path>
<g><path d="m32.71 14.47v6.19c0 .72-.35 1.43-.93 1.9l-2.05 1.57c-.02.02-.02.02-.04.02-.04.04-.1.08-.17.1-.37.27-.83.39-1.28.39h-2.48c-.46 0-.91-.12-1.28-.39-.06-.02-.12-.06-.17-.1-.02 0-.02 0-.04-.02l-2.05-1.57c-.58-.48-.93-1.18-.93-1.9v-6.21c.33-.1.66-.21 1.01-.29 2.77-.66 6.4-.66 9.19-.04.43.1.84.2 1.22.35z" fill="#ffcc99" data-original="#ffcc99" class=""></path><path d="m33.33 16.02-1.45 1.01c-.31-.93-.43-1.93-.39-2.92.66.14 1.28.33 1.82.56-.09.46-.09.92.02 1.35z" fill="#333333" data-original="#333333"></path>
<path d="m22.29 14.16c-.02.95.04 1.95-.23 2.84-.17-.64-.7-1.1-1.14-1.57-.19-.21-.35-.43-.43-.68.54-.24 1.14-.43 1.8-.59z" fill="#333333" data-original="#333333"></path><g fill="#fc9"><path d="m34.45 15.24c-.02.1-.06.21-.1.29-.17.46-.37.87-.46 1.35-.06.29-.06.6-.15.91-.06.29-.23.6-.52.72-.27.14-.66.04-.77-.25l-.64-1.08c-.29-.95-.15-2.03.35-2.88.9.23 1.69.54 2.29.94z" fill="#ffcc99" data-original="#ffcc99" class=""></path><path d="m22.17 17.18-.64 1.08c-.1.29-.5.39-.77.25-.29-.12-.45-.43-.52-.72-.08-.31-.08-.62-.14-.91-.08-.48-.29-.89-.46-1.35-.04-.08-.08-.19-.1-.29.6-.39 1.39-.7 2.28-.93.49.84.64 1.92.35 2.87z" fill="#ffcc99" data-original="#ffcc99" class=""></path></g></g>
<g><path d="m32.08 14.46-.14 2.79c-.02.4-.28.74-.66.87l-1.58.54c-.44.15-.93.14-1.36-.04l-1.34-.54-1.34.54c-.44.18-.92.19-1.36.04l-1.58-.54c-.38-.13-.64-.47-.66-.87l-.14-2.79c2.77-.14 5.08 1.87 5.08 1.87s2.31-2 5.08-1.87z" fill="#333333" data-original="#333333"></path>
<g fill="#fff"><path d="m23 15.41 2.79 1.48s-.56 1.27-1.65.88c-1.03-.36-1.14-2.36-1.14-2.36z" fill="#ffffff" data-original="#ffffff"></path>
<path d="m30.99 15.41-2.79 1.48s.56 1.27 1.65.88c1.03-.36 1.14-2.36 1.14-2.36z" fill="#ffffff" data-original="#ffffff"></path></g></g>
<path d="m35.87 17.37c0 1.35-.15 2.65-.43 3.87-2.5-3.23-14.39-3.23-16.89 0-.29-1.22-.43-2.53-.43-3.87-.01-4.95 17.75-4.95 17.75 0z" opacity=".1" fill="#000000" data-original="#000000" class=""></path>
</g>
</g>
</g>
</svg>
Perhatian
Domain
http://svgjs.com/svgjs
diredirect ke situs judi. Temukan baris kode berikut:xmlns:svgjs="http://svgjs.com/svgjs"
Apabila sudah ketemu silahkan hapus.
- paste ke dalam notepad lalu save menggunakan ektensi
.svg
. - Sekarang buka file tadi.
- 🎉 horeee selamat Anda sudah memiliki icon svg secara gratis.
Semoga trik kali ini membantu project yang sedang Anda kerjakan.
Comments