İçeriğe geç
Renkler Üyelik Gerekmez | %100 Tarayıcı Tabanlı İşleme

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ü.

100%
Şekil ekle:

Direct canvas editing: select a part, then drag to move. Use the picker’s Replace selected or Add layer modes to build a composite SVG.

X: 12.0 | Y: 12.0 WCAG AAA | 17.4:1
Editor Horizontal Rule - Material Icons iconFree Editor Horizontal Rule vector icon from the Material Icons open-source icon library; solid style, Apache-2.0 licence, viewBox 0 0 24 24, 254 bytes.
Vektör özellikleri: material-filled-editor-editor-horizontal-rule | SVG duzenleyicide duzenle 24x24 | 0.3 KB
Canli boyut önizlemesi:
16px
24px
32px
Koyu arayüz
svg-editor

Çok ikonlu sprite tepsisi

Birden fazla özel ikonu sabitleyin ve tek bir simge sayfası oluşturun.

Henüz ikon sabitlenmedi. İkonlari sabitleyip tek sayfada toplayın.

Yapay zeka istemi ve vektör iyileştirme

Yapay zeka istemi üretin veya ikonu tuvalde iyilestirin

Bir on ayar seçin, istemi yapay zeka aracınıza kopyalayın veya ikonu tuvalde iyilestirin.

Teknik dokumantasyon ve mühendislik kilavuzu

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ü.

Desteklenen giris kaynaklari

Yüklenen .svg dosyaları (2 MB’a kadar), yapıştırılan XML veya canlı katalog araması

Çıktı ve derleme hedefleri

Temizlenmiş SVG 2.0, yüksek DPI PNG/WebP, JSX/TSX, Vue, Svelte ve CSS maskesi

Mühendislik etkisi ve performans

50 adımlı Geri Al/Yinele ve istemci taraflı XSS temizliğiyle tahribatsız DOM düzenleme

Etkileşimli SVG vektör editörü aracı nasıl kullanılır

  1. 1

    SVG kodunu yapıştırın veya bir dosya yükleyerek tuvale aktarın.

  2. 2

    Herhangi bir katmanı ya da düğümü seçip dolgu, kontur, yarıçap ve konumu düzenleyin.

  3. 3

    Piksel hassasiyetinde hizalama için ızgara ve yakalama kılavuzlarını açın.

  4. 4

    Düzenlenen SVG’yi indirin veya temizlenmiş kodu kopyalayın.

Örnek girdi

<circle cx="24" cy="24" r="12" fill="#f59e0b"/>

Örnek çıktı

<circle cx="24" cy="24" r="16" fill="#f59e0b" stroke="#24324a"/>

Sınırlamalar

  • Yol üzerindeki metinler (textPath) bu düzenleyicide düzenlenemez.
  • Yüklemeler dosya başına 2 MiB ile sınırlıdır.
  • Figma dışa aktarımları SVG biçiminde olmalıdır (PDF dosyaları reddedilir).

Bu çalışma alanında açtığınız veya yapıştırdığınız dosyalar tarayıcınızda yerel olarak işlenir. Hiçbir şey bir sunucuya yüklenmez.

Bu araç için rehberler

76.166 vektör ikon içinde aramak için yazın...

Gezin | Açmak için Enter Tüm İkonları Keşfet

Karşılaştır

Lisans Ticari kullanım Kaynak belirtme Değiştir veya renklendir
MITİzinliPakette bildirimİzinli
ISCİzinliPakette bildirimİzinli
Apache-2.0İzinliBildirim dosyasi ile zorunluİzinli
CC BY 4.0İzinliKaynak belirtmek gerekirİzinli
CC-BY-SA-4.0İzinliAynı lisansla paylaşımAynı lisansla paylaşım
Trademark / BrandYalnızca referans amaçlıSahibin kurallarıSınırlı

İkon önizlemesi