SVG Nexus / EXPLAINER Üyelik Gerekmez | %100 Tarayıcı Tabanlı İşleme

SVG nedir?

SVG (ölçeklenebilir vektör grafik), ikonlar, logolar ve illüstrasyonlar için tarayıcı yerlisi biçimdir: her boyutta keskin kalan ve tek bir öznitelikle yeniden boyanan XML kodudur.

Bir dakikada SVG

Bir SVG dosyası düz metindir. Tarayıcıda, metin düzenleyicide veya tasarım aracında açılır, HTML gibi okunur; renkler, boyutlar ve şekiller kalite kaybı olmadan değişir. Bu yüzden arayüzler, logolar ve düğmeler vektör olarak sunulur.

SVG Nexus, açık kaynak SVG ikon kitaplıklarını ve illüstrasyonları kataloglar; React, Vue, HTML, CSS veya favori tasarım aracınıza doğrudan üretim hazır kod kopyalayın. Hesap gerekmez, yükleme gerekmez.

Sınırsız ölçek

Yollar matematiktir, piksel değil: aynı dosya 16px favicon, retina logosu veya 4K slayt grafiği olarak keskin kalır.

Tek öznitelikte renk

Fill veya stroke’u bir kez değiştirin, tüm işaret izler. CSS keyframes ve hover durumları JavaScript olmadan satır içi SVG’de çalışır.

Metin minik kalır

Ikonlar kilobayta sıkışır, herhangi bir sunucudan gzip ile verimli taşınır ve arama motorları ile ekran okuyucular tarafından okunabilir kalır.

Her yığın için SVG kodu kopyalayın

Tüm Araçları Gör

Her katalog sayfası ve her SVG yüklentisi, vektör kodunu çerçevenize yeniden yazan bir tarayıcı aracında açılır: JSX, Vue, Svelte, CSS, data URI, PNG dışa aktarım ve sprite.

Etkileşimli SVG vektör editörü

Renkler, çizgi kalınlığı, viewBox, dönüşümler, boşluklar, arka planlar ve anında SVG/PNG aktarımı için gecikmesiz tarayıcı vektör editörü.

SVG'den React JSX, Vue ve Svelte'ye dönüştürücü

Ham SVG özniteliklerini temiz TypeScript React (TSX), Next.js Server Component, Vue 3 <script setup>, Svelte 5, Flutter ve Angular bileşenlerine dönüştürün.

SVG'den yüksek çözünürlüklü PNG ve WebP'ye dönüştürücü

Herhangi bir SVG ikonunu veya özel markup'u 64px'ten 2048px'e kadar net PNG veya WebP görüntülerine rasterleştirin — şeffaflık kontrolüyle.

SVG'den CSS ve Data URI'ya dönüştürücü

SVG işaretlemesini kompakt ve URL-güvenli UTF-8 veya Base64 Data URI'lara, CSS background-image kurallarına ve dinamik currentColor CSS mask-image parçacıklarına kodlayın.

SVG ikon matrisi ve rozet üreticisi

Özel squircle/altıgen çerçeveler, çok duraklı gradyanlar, durum rozetleri ve anında framework aktarımıyla SVG ikonlarının parametrik üretimi.

SVG optimize edici ve küçültücü

SVG çıkışını tarayıcıda küçült: düzenleyici üstverilerini, yorumları ve XML artıklarını kaldır, boşlukları daralt ve gerçek bayt tasarrufunu gör.

Konuya göre SVG ikonları bulun

Tüm Kategorileri Gör

Katalog, ikonları ulaşım, finans, tıp, hava ve tatil gibi konularda gruplar. Herhangi bir konuyu açın ve saniyeler içinde uygun vektörleri kopyalayın.

SVG mi PNG mi?

Ölçeklenip yeniden boyanması gereken ikon ve arayüz grafikleri için SVG kullanın; foto benzeri detay, sosyal ön izleme veya rasterleyen platformlar için PNG ya da WebP dışa aktarın. Buradaki araçlar ikisini tek kaynak dosyadan üretir.

SVG mi PNG mi: Hangi Formatı Kullanmalısınız? Satir ici SVG ve resim etiketi SVG İkonları Figma da veya Tarayıcıda Nasıl Düzenlenir? Tüm kılavuzlar

Ticari kullanım için özgür

Her ikon satırı kaynak kitaplığını ve lisansını taşır. MIT, ISC ve Apache-2.0 paketleri ticari ürünleri karşılar; marka logoları kendi kurallarını izler, her zaman lisans tablosunda.

Lisanslar →

Açık kaynak ikon kitaplıkları

Material Icons Phosphor Icons selfh.st Icons Tabler Icons Authentic Brand Logos Domain Icons

Icon libraries →

SVG sorularına yanıt

SVG, PNG’den daha mı iyi?

Ikonlar, logolar ve UI çizimleri için evet: SVG çizim talimatları taşıdığı için ölçeklenir, boyanır ve hafiftir. PNG detaylı bitmap çıktıları için faydalıdır.

SVG dosyası nasıl açılır ve düzenlenir?

Tarayıcıya, bir metin düzenleyiciye veya tasarım aracına sürükleyin. SVG Nexus Studio bunu tarayıcıda açar; renkleri, katmanları ve yolları kurulum gerektirmeden düzenleyebilirsiniz.

Ikonları ticari olarak kullanabilir miyim?

Buradaki açık kaynak kitaplıklar MIT, ISC, Apache-2.0 ve benzeri, ticari kullanımı serbest lisanslarla gelir. Her ikon sayfası tam lisansı belirtir; marka logolarında ek kurallar vardır.

SVG’im neden bulanık görünüyor?

Bulanık bir SVG çoğu kez erken rasterleştirilmiş ya da yanlış görüntü alanı boyutuyla dışa aktarılmıştır. Son render aşamasına kadar vektörü koruyun veya özgün dosyadan yeniden dışa aktarın.

Bir SVG varlığı ile başlayın

Katalogda arayın, varlığını tarayıcı stüdyosunda açın ve temiz vektör kod üretin: ikonlar, logolar, illüstrasyonlar ve onları yeniden şekillendiren araçlar.

Tum SVG ikonlar Düzenleyicide Aç

Lisans	Ticari kullanım	Kaynak belirtme	Degistir veya renklendir
MIT	Izinli	Pakette bildirim	Izinli
ISC	Izinli	Pakette bildirim	Izinli
Apache-2.0	Izinli	Bildirim dosyasi ile zorunlu	Izinli
CC BY 4.0	Izinli	Kaynak belirtmek gerekir	Izinli
CC-BY-SA-4.0	Izinli	Ayni lisansla paylasim	Ayni lisansla paylasim
Trademark / Brand	Yalnizca referans amacli	Sahibin kurallari	Sinirli