SVG İkon Arama
Lucide ve Heroicons'ta arayın — SVG, React veya Vue kodunu tek tıkla kopyalayın.
Boyut, renk ve çizgi kalınlığını dilediğiniz gibi özelleştirin.
🔒Tüm işlemler cihazınızda çalışır, sunucu kullanılmaz.
Hakkında
SVG İkon Arama aracı, Lucide ve Heroicons ikon setleri içinde doğrudan arama yapmanıza ve SVG kodunu tek tıkla kopyalamanıza olanak tanır. Boyutu, rengi ve çizgi kalınlığını özelleştirin; kullanıma hazır React veya Vue bileşeni kodunu saniyeler içinde oluşturun. Tamamen tarayıcınızda çalışır, veriniz sunucuya aktarılmaz.
Nasıl Kullanılır
İsme Göre Ara
İkonları filtrelemek için İngilizce bir anahtar kelime (arrow, home vb.) yazın.
Seç ve Özelleştir
Bir ikona tıklayın, ardından menüden boyut, renk ve çizgi kalınlığını ayarlayın.
Kodu Kopyala
Projelerinizde kullanmak için SVG, React veya Vue kodunu tek tıkla kopyalayın.
Sözlük
- SVG (Ölçeklenebilir Vektör Grafikleri)
- Bozulma olmadan ölçeklenebilen, web için ideal XML tabanlı vektör görüntü formatı.
- Lucide
- 1500'den fazla ikona sahip açık kaynaklı, ISC lisanslı SVG ikon seti.
- Heroicons
- Tailwind CSS ekibi tarafından hazırlanan popüler, MIT lisanslı ikon paketi.
- viewBox
- Uygun ölçeklendirme için koordinat sistemini tanımlayan temel bir SVG niteliği.
- stroke-width
- İkonun çizdiği çizginin kalınlığını ifade eden CSS/SVG özelliği.
- currentColor
- İçi veya çizgisi için geçerli metin rengini otomatik devralan CSS değeri.
SSS
- S:İkonlar hangi lisans altında?
- Lucide ISC lisanslıdır, Heroicons MIT lisanslıdır. Her ikisi de ticari kullanım için ücretsizdir.
- S:Veriler bir sunucuya gönderiliyor mu?
- Hayır. Tüm işlemler tamamen tarayıcınız içinde yerel olarak çalışır.
Kullanım Senaryoları
Web Tasarım
Kullanıcı arayüzü projeleri için uygun ikonları tek yerden anında bulun.
React / Vue Projeleri
Bağımlılık yüklemeden bileşenleri anında projenize kopyalayın.
Tasarım Taslakları
Büyük SVG paketlerini indirmeden ikonları doğrudan önizleyin.
Kütüphane Karşılaştırması
Heroicons ve Lucide versiyonlarını yan yana kıyaslayıp beğendiğinizi seçin.