SVG ve PNG İkon Oluşturucu

Bir ikon seçin, rengini ve ölçüsünü ayarlayın, SVG ya da PNG olarak ücretsiz indirin.

Önizleme arka planı
Animasyon
0 ikon
Bir ikon seçin

İkon oluşturucu nasıl kullanılır

İkon oluşturucu, sitelerde, uygulamalarda, sunumlarda ve tasarım projelerinde kullanıma hazır ikonlar bulmanızı, özelleştirmenizi ve indirmenizi sağlayan ücretsiz bir online araçtır. Kayıt ya da kurulum gerekmez; her şey doğrudan tarayıcıda çalışır.

İkon arama ve seçme

Aradığınız ikonu bulmak için arama alanını kullanın ya da soldaki paneldeki kategorilere göz atın. Kitaplıkta konuya göre düzenlenmiş yüzlerce ikon var; arayüz, sosyal medya, teknoloji, iş dünyası ve daha pek çok alan için sembol bulmak böylece kolaylaşıyor. Herhangi bir ikona tıklayarak seçin ve özelleştirme panelinde anında görün.

İkonu özelleştirme

Bir ikon seçtikten sonra projenizin görsel kimliğine uyacak biçimde ana rengi ve ikincil rengi ayarlayabilirsiniz. Ayrıca piksel cinsinden ölçüyü ve çizgi kalınlığını belirleyebilirsiniz; böylece ikon, ister sade arayüzler ister görsel olarak daha yoğun tasarımlar olsun, düzeninize tam oturur.

İkonu indirme ya da kopyalama

Özelleştirme bittiğinde üç dışa aktarma seçeneğiniz olur:

Bu seçeneklerle araç, ikonları doğrudan koda gömen geliştiricilere de Figma, Canva ya da PowerPoint gibi programlarda kullanmak üzere hazır dosyaya ihtiyaç duyan tasarımcılara da yanıt verir.

Sıkça sorulan sorular

İkonlar ticari kullanımda ücretsiz mi?
Evet. Bu araçtaki bütün ikonlar, ticari projeler dahil, serbestçe kullanılabilir. Herhangi bir atıf vermeniz gerekmez.
SVG ile PNG olarak indirmek arasındaki fark nedir?
SVG, kalite kaybetmeden her ölçüye büyüyüp küçülebilen vektörel bir formattır; siteler ve uygulamalar için idealdir. PNG ise sabit ölçülü bir raster görüntüdür ve belgeler, sunumlar ile SVG desteklemeyen platformlar için daha uygundur.
İkonları doğrudan HTML içinde kullanabilir miyim?
Evet. Kaynak kodu kopyalayıp doğrudan HTML'e yapıştırmak için "SVG kodunu kopyala" düğmesini kullanın. Böylece ikonları CSS ile biçimlendirebilir ve JavaScript ile yönetebilirsiniz.
İkincil renk nedir?
Bazı ikonlarda iki katman ya da birbirinden ayrı ögeler bulunur. İkincil renk bu ögelere uygulanır: iç arka plan, gölgeler ya da ek ayrıntılar gibi. Tek çizgili ikonlarda yalnızca ana renk kullanılır.
Başka bir araçla devam edin
İlgili yazılar
Tüm yazıları gör →