İçeriğe geç
outline Apache-2.0 5 vektör dugumu
Editor - IconPark iconFree Editor vector icon from the IconPark open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.
144x144 px | Stroke 2px Sabit
1. Renk

Yeni bir renk seçene kadar ikonun orijinal renkleri korunur.

2. Tuval arka plani ve donusumler
3. Canli vektör animasyon ayarlari SVG çıktısina dahil
IconPark | Kullanıcı Arayüzü (UI/UX) | viewBox="0 0 48 48" | Ticari kullanım için ücretsiz

düzenleyici - Vektör ve 3D ikonlar

Kaynak, yazar ve lisans önizlemede ve ikon detayinda görünür. düzenleyici - Ticari ve kisisel kullanım için ücretsiz. Üyelik Gerekmez | %100 Tarayıcı Tabanlı İşleme

Aninda vektör ve yuksek cozunurluk indirme
Yeni bir renk seçene kadar ikonun orijinal renkleri korunur. editor.svg (862 B)
Geliştiriciler ve arayüz çerçeveleri için hizli kopya
Canli kod çıktısi
<svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" width="36" height="36" role="img" aria-label="Editor icon"><title>Editor - IconPark icon</title><desc>Free Editor vector icon from the IconPark open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc>
<path d="M40 33V42C40 43.1046 39.1046 44 38 44H31.5" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M40 16V6C40 4.89543 39.1046 4 38 4H10C8.89543 4 8 4.89543 8 6V42C8 43.1046 8.89543 44 10 44H16" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M16 16H30" stroke="black" stroke-width="4" stroke-linecap="round"/>
<path d="M23 44L40 23" stroke="black" stroke-width="4" stroke-linecap="round"/>
<path d="M16 24H24" stroke="black" stroke-width="4" stroke-linecap="round"/>
</svg>
Yapay zeka istemi ve vektör iyilestirme

Bu ikonu iyilestirmek veya yeniden tasarlamak ister misiniz? düzenleyici

Net bir muhendislik istemi oluşturun ya da ikonu tuvalde hemen iyilestirin. düzenleyici

Yapay zeka ikon ureticisinde ac
Istem oluşturucu tamamen tarayıcında calisir
düzenleyici Free SVG Vector Icon - IconPark (Apache-2.0)
Kaynak ve lisans doğrulama LICENSE.txt

Library: IconPark | Author: ByteDance Inc. | License: Apache-2.0 | Üyelik Gerekmez | %100 Tarayıcı Tabanlı İşleme

Anahtar kelimeler
#editor #iconpark #interface #outline #düzenleyici svg #düzenleyici icon #düzenleyici iconpark #düzenleyici react tsx #düzenleyici vue #düzenleyici png
Dilinizde popüler
ücretsiz svg ikonlar vektörel ikon indir svg png dönüştürücü online ücretsiz svg düzenleyici 3d svg ikonlar svg dosyası sıkıştırma react svg bileşeni css ile svg animasyon ticari kullanım ikonları svg ikon kütüphanesi

düzenleyici - Teknik vektör özellikleri

Kaynak, yazar ve lisans önizlemede ve ikon detayinda görünür. düzenleyici

Temel dosya kimligi iconpark/editor
Kaynak kütüphane paketi IconPark
Koordinat izgarasi ve viewBox viewBox="0 0 48 48"
Sikistirilmamis boyut 862 bytes (~474 bytes gzipped)
SPDX lisansi ve ticari kullanım Apache-2.0 - Ticari kullanım için ücretsiz
Desteklenen çıktı biçimleri SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64
Güvenlik ve gizlilik garantisi Üyelik Gerekmez | %100 Tarayıcı Tabanlı İşleme

Bu ikon nasıl kullanilir ve özellestirilir: düzenleyici

  1. Gorsel olarak özellestirin: Renk, Otomatik (cizgi ve dolgu), Cizgi kalınligi (0.5px-4px), Canli vektör animasyon ayarlari
  2. Vektöru veya gorseli indirin: SVG İndir, PNG (seffaf), WebP (iyilestirilmis) (2048x2048 px)
  3. Çerçeve kodunu kopyalayin: React, Next.js, Vue 3, Svelte, Angular, HTML ve CSS maskeleri için hazir kod kopyalayin.
  4. Ileri vektör duzenleme: SVG duzenleyicide duzenle (76,166)
Erisilebilirlik ipucu (WCAG 2.1): Susleme amacli ikonlari aria-hidden ve focusable false ile gizleyin. Yalnizca ikon iceren dugmelere net bir aria-label verin. Sagdan sola diller için oklari yatay olarak cevirin. editor.svg aria-hidden="true" focusable="false"

Daha fazla Kullanıcı Arayüzü (UI/UX)

Gozat

Daha fazlasını keşet

Sıkça Sorulan Sorular

düzenleyici - Sıkça Sorulan Sorular

düzenleyici SVG ikonu ticari kullanım için ücretsiz mi? +

Evet, düzenleyici koleksiyonundaki IconPark ikonu Apache-2.0 lisanslıdır ve ticari projelerde ücretsiz kullanılabilir.

düzenleyici ikonu indirildiğinde orijinal renklerini korur mu? +

Evet, düzenleyicide yeni bir renk seçmediğiniz sürece düzenleyici varsayılan renklerini korur.

düzenleyici ikonunu React veya Vue da nasıl kullanırım? +

Bu sayfada React TSX veya Vue 3 sekmesini acin ve Copy SVG dugmesine tiklayin. Bileşeni projenize yapıştırin ve CSS ya da Tailwind ile biçimlendirin.

düzenleyici ikonunu şeffaf PNG olarak indirebilir miyim? +

Evet, 1024 piksele kadar bir boyut seçip PNG İndir düğmesine tıklayın.

düzenleyici ikonunu CSS ile nasıl hareketlendiririm? +

CSS keyframe kodunu eklemek için canlı düzenleyiciden bir animasyon seçin.

düzenleyici için yapay zeka komutu oluşturabilir miyim? +

Evet, bu sayfadaki yapay zeka komut oluşturucu ile 3D, Cam veya Neon stilinde komut alabilirsiniz.

düzenleyici ikonunu kalite kaybetmeden ölçeklendirebilir miyim? +

Evet. düzenleyici dosyasi ölçeklenebilir viewBox tasiyan bir vektördur; 16px, 64px, 512px ve baskida net kalir.

düzenleyici dosyasiyla ilgili sorunu nereye bildiririm? +

İkon adresiyle support@svgnexus.com adresine yazın. düzenleyici için lisans sorulari legal@svgnexus.com adresine gider.

%100 Tarayıcı Tabanlı İşleme | 76,166 ikon

SVG Düzenleyici

Yollari, katmanlari, renkleri ve animasyonlari tarayıcında duzenleyin; sonra temiz SVG, PNG veya çerçeve kodu aktarin.

76,166 vektör ikon içinde aramak için yazın...

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

Karsilastir

İkon kaynagi ve lisansi

Lisans Ticari kullanım Kaynak belirtme Degistir veya renklendir
MITIzinliPakette bildirimIzinli
ISCIzinliPakette bildirimIzinli
Apache-2.0IzinliBildirim dosyasi ile zorunluIzinli
CC BY 4.0IzinliKaynak belirtmek gerekirIzinli
CC-BY-SA-4.0IzinliAyni lisansla paylasimAyni lisansla paylasim
Trademark / BrandYalnizca referans amacliSahibin kurallariSinirli

İkon önizlemesi