SVG Simge Oluşturucu

x-init="restore()" >

Tasarımınızı hiçbir yere göndermeden sade bir SVG simgesi oluşturun. On iki yerleşik simgeden birini seçin; çıktı boyutu, çizgi kalınlığı ve rengi, dolgu, arka plan rengi ve köşe yarıçapını ayarlayın. Son dosya sabit 24×24 viewBox kullanır; SVG kodunu kopyalayabilir veya SVG dosyasını indirebilirsiniz.

Dört adımda simge oluşturun

  1. 1

    Simgeyi seçin

    Kalp, yıldız, onay işareti, çarpı, daire, kare, üçgen, ok, şimşek, ay, güneş veya çan seçin. Bunlar serbest çizim alanı değil, sabit hazır seçeneklerdir.

  2. 2

    Çıktı boyutunu belirleyin

    Genişlik ve yüksekliği 32 ile 256 px arasında seçin. İç viewBox 24×24 olarak kalır.

  3. 3

    Stili ayarlayın

    Çizgiyi 0,5 ile 6 arasında ayarlayın; renk, dolgusuz, currentColor veya çizgi rengi, sonra arka plan ve köşe yarıçapını seçin.

  4. 4

    Kopyalayın veya indirin

    Oluşan SVG kodunu kopyalayın ya da dosyayı indirin. İndirme, örneğin heart.svg gibi hazır seçeneğin adını kullanır.

Bu araç ne oluşturur

Dışa aktarılan dosya 24×24 SVG, arka plan dikdörtgeni ve hazır bir simge içerir. Mockup, küçük arayüz veya prototip için uygundur. Çizim içe aktaramaz, yol noktalarını düzenleyemez, metin ekleyemez ve bir istemden özel simge üretemez.

Dolgu, kullanım ve gizlilik

Anahat için Yok seçin. currentColor, satır içi SVG kullanırken dolguyu üst öğenin CSS color özelliğine bağlar. Arka plan dikdörtgeni her zaman dışa aktarıma dahildir. Simge tarayıcıda üretilir ve ayarlar sunucumuza gönderilmez. İki adımlı akışta ayarlar bu sekmenin oturum depolamasında geçici tutulur.

Sık Sorulan Sorular

Hayır. Araç on iki yerleşik simgeyi biçimlendirir. Yol komutlarını çizmek veya düzenlemek için SVG yol düzenleyici kullanın.

Hayır. Her dışa aktarma 24×24 viewBox kullanır. Yalnızca çıktı genişliği ve yüksekliği 32 ile 256 px arasında değişir.

Hayır. SVG tarayıcıda üretilir ve ayarlar sunucumuza gönderilmez.

İlgili Araçlar

Araç diğer dillerde mevcuttur