digtools
🎨
svg icon search,

SVG Icon Search

Cari ikon Lucide & Heroicons—klik untuk menyalin kode SVG, React, atau Vue.Sesuaikan ukuran, warna, dan ketebalan garis.

🔍
Pencarian Multi-Set
Cari di Lucide dan Heroicons
📋
Salin Satu Klik
Salin kode SVG/React secara instan
🎨
Dapat Dikustomisasi
Sesuaikan ukuran, warna, dan ketebalan
| Lisensi: Lucide (ISC) / Heroicons (MIT)

🔒Semua operasi berjalan sepenuhnya di browser Anda.

about,

Tentang

SVG Icon Search memungkinkan Anda mencari ikon dari set Lucide dan menyalin kode SVG dengan satu klik. Sesuaikan ukuran, warna, dan ketebalan garis, serta hasilkan kode komponen React atau Vue yang siap digunakan. Semuanya berjalan di browser Anda tanpa permintaan jaringan.

how to use,

Cara Pakai

LANGKAH 1

Cari Berdasarkan Nama

Ketik kata kunci (arrow, home, dll.) untuk memfilter ikon.

LANGKAH 2

Pilih & Sesuaikan

Klik ikon, lalu sesuaikan ukuran, warna, dan ketebalan garis.

LANGKAH 3

Salin Kode

Salin kode SVG, React, atau Vue langsung ke proyek Anda.

glossary,

Glosarium

SVG (Scalable Vector Graphics)
Format gambar vektor berbasis XML yang dapat diskalakan tanpa kehilangan kualitas, ideal untuk web.
Lucide
Set ikon SVG open-source dengan 1500+ ikon. Berlisensi ISC.
Heroicons
Ikon SVG dari tim Tailwind CSS. Berlisensi MIT.
viewBox
Atribut SVG yang mendefinisikan sistem koordinat, memastikan penskalaan yang tepat.
stroke-width
Mengontrol ketebalan garis stroke pada ikon.
currentColor
Kata kunci SVG yang mewarisi nilai warna CSS untuk stroke/fill.
faq,

FAQ

Q.Lisensi apa yang digunakan ikon-ikon ini?
Lucide berlisensi ISC, Heroicons berlisensi MIT. Keduanya gratis untuk penggunaan komersial.
Q.Apakah data dikirim ke server?
Tidak. Semua operasi berjalan di browser Anda.
use cases,

Kasus Penggunaan

🎨

Desain Web

Temukan ikon sempurna untuk proyek UI.

💻

Proyek React

Salin impor komponen secara instan.

📐

Mockup Desain

Pratinjau ikon sebelum ditambahkan ke Figma.

📚

Perbandingan Library

Bandingkan Lucide vs Heroicons berdampingan.

Alat Terkait

Generator CSSLihat semua
🖼️

Generator Latar Belakang SVG

Buat pola latar belakang SVG yang ringan

📐

Generator Layout Flexbox/Grid

Buat kode layout dengan GUI visual

☁️

Generator Box-Shadow

Buat bayangan multi-lapis yang indah secara intuitif

✨

Generator UI Modern

Hasilkan kode UI yang indah (mendukung Glassmorphism)

🎞️

Generator Animasi CSS

Output GUI untuk animasi @keyframes

🔺

Generator Segitiga CSS

Buat segitiga CSS menggunakan trik border, salin kode instan

⬜

Generator Border Radius CSS

Sesuaikan 8 nilai border-radius secara visual dan salin kode CSS

🔤

Pratinjau Tipografi

Pratinjau font-size, line-height & letter-spacing secara real-time

Semua Kategori

Alat Web & Pengembang Generator CSS Alat Gambar & Foto Alat Video & Audio SEO & Pemasaran Jaringan & Infrastruktur Analisis & Pemrosesan Teks Alat Keuangan & Gaji Alat Tanggal & Kalender Alat Dokumen & Bisnis Permainan & Acara Kehidupan & Kesehatan Halaman Utama

Kirim Umpan Balik

Beri tahu kami pendapat Anda untuk membantu kami menyempurnakan alat ini.

Sanggahan

Semua alat yang disediakan di situs ini sepenuhnya gratis untuk digunakan, namun harap gunakan dengan risiko Anda sendiri. Kami tidak memberikan jaminan apa pun terkait keakuratan, kelengkapan, atau keamanan hasil perhitungan, hasil konversi, atau data yang dihasilkan. Harap diketahui bahwa operator tidak bertanggung jawab atas segala kerusakan atau masalah yang disebabkan oleh penggunaan alat-alat ini. Sebagian besar alat memproses file dan perhitungan secara lokal di browser Anda, artinya data yang Anda masukkan tidak dikirim atau disimpan di server kami.