Favicon Oluşturucu
Web siteniz için emoji ve renk tercihlerinize göre SVG favicon ve HTML bağlantı etiketleri üretin.
Aracı çalıştır
Favicon Generator, web projeleriniz için modern SVG tabanlı simgeler ve HTML bağlantı etiketleri oluşturur. Tarayıcı sekmelerinde net ve canlı görünen bir site simgesi hazırlamak için dilediğiniz emojiyi, arka plan rengini ve metin rengini belirleyin. Mevcut bir görsel bağlantınız varsa, isteğe bağlı simge adresi alanını doldurarak klasik bağlantı etiketlerini de çıktıya dahil edebilirsiniz. Araç, girdiğiniz renk kodlarını ve seçtiğiniz emojiyi doğrudan ölçeklenebilir SVG formatında bir araya getirir. Oluşturulan SVG verisi, HTML koduna veri URI formatında yerleştirilir ve ayrı bir SVG blok kodu olarak da sunulur. Bu sayede web sayfanızın head bölümüne ekleyeceğiniz hazır bağlantı satırlarını tek adımda alırsınız. Varsayılan mavi arka plan ve beyaz simge değerleriyle hızlıca çalışmaya başlayabilir veya onaltılık renk kodlarını projenizin tasarımına göre uyarlayabilirsiniz. Üretilen HTML etiketlerini ve SVG işaretleme metnini kopyalayarak sitenizin ana şablon dosyasına doğrudan ekleyebilirsiniz.
Kullanım
- İsteğe bağlı olarak mevcut bir simge URL adresi girin.
- Favicon içinde görüntülenecek emojiyi seçin veya yazın.
- Arka plan rengi ve metin rengi için geçerli renk kodlarını belirleyin.
- Çalıştır butonuna tıklayarak çıktı panelinde HTML ve SVG kodlarını görüntüleyin.
- Oluşturulan HTML bağlantı satırlarını kopyalayıp sitenizin head etiketleri arasına yapıştırın.
Örnekler
- Emoji alanına roket simgesi, arka plan alanına #1e293b ve metin rengine #ffffff girildiğinde koyu zemin üzerine roket içeren SVG favicon ve HTML etiketleri üretilir.
- Simge bağlantısı alanına https://example.com/icon.png girilip varsayılan ayarlar korunduğunda, hem harici görsel bağlantısını hem de veri URI formatındaki SVG favicon etiketini içeren HTML kodu elde edilir.
SSS
Site başlığı alanı favicon kodunu değiştirir mi?
Site başlığı girdi alanı formda yer alsa da üretilen HTML ve SVG işaretleme çıktısını doğrudan etkilemez.
Oluşturulan SVG favicon tüm tarayıcılarda çalışır mı?
SVG favicon desteği modern masaüstü ve mobil tarayıcıların büyük bölümünde yerel olarak desteklenir.
Simge bağlantısı alanına girdiğim dosya otomatik indirilir mi?
Araç harici URL adresindeki görseli indirmez veya dönüştürmez; belirtilen adresi yalnızca HTML link etiketlerine yerleştirir.