SVG Sprite Görüntüleyici

Araç yükleniyor

Çevrimiçi SVG Sprite Görüntüleyici hakkında

Nasıl kullanılır?

Bazen, özellikle svg-sprite ile üretilmişse, bir sprite SVG dosyasındaki tüm simgeleri önizlemek isteyebilirsiniz.

Bu araç, simgeleri çıkarmak ve görüntülemek için 4 farklı yol sunar:

  1. SVG kodu yapıştırın: Ham SVG kodunu giriş kutusuna yapıştırıp Görüntüle düğmesine tıklayın. Tüm simgeler çıkarılır ve gösterilir. Her simgeyi tek tek de indirebilirsiniz.
  2. Bir sprite SVG URL'si yapıştırın: Bir sprite SVG dosyasının URL'sini girin ve Görüntüle düğmesine tıklayın. Araç dosyayı getirir, simgeleri çıkarır ve önizlemenize veya indirmenize olanak tanır.
  3. Herhangi bir web sayfası URL'sini ayrıştırın: Bir web sayfası URL'si verin; sayfaya gömülü satır içi SVG simgelerini ayrıştırıp çıkarmayı deneriz.

    ⚠️ Not: Bazı web siteleri isteklerimizi engelleyebilir. Verdiğiniz URL'ye erişemezsek şu adımları izleyin:

    • URL'yi Google Chrome'da açın
    • Geliştirici Araçları'nı açmak için F12 tuşuna basın
    • Elements sekmesine gidin ve HTML kodunun tamamını kopyalayın.
    • Simgeleri çıkarmak için kopyalanan HTML'yi yukarıdaki giriş kutusuna yapıştırın
  4. Bir SVG dosyası yükleyin: Bilgisayarınızdan yerel bir sprite SVG dosyası da yükleyebilirsiniz. Yüklendikten sonra simgeler görüntüleme ve indirme için çıkarılır.