outline
outline
Apache-2.0
6 vektör dugumu
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
Source Code - Vektör ve 3D ikonlar
Kaynak, yazar ve lisans önizlemede ve ikon detayinda görünür. Source Code - 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.
source-code.svg (1,034 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="Source Code icon"><title>Source Code - IconPark icon</title><desc>Free Source Code vector icon from the IconPark open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc> <path d="M23 40H7C5.34315 40 4 38.6569 4 37V11C4 9.34315 5.34315 8 7 8H41C42.6569 8 44 9.34315 44 11V25.8824" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M4 11C4 9.34315 5.34315 8 7 8H41C42.6569 8 44 9.34315 44 11V20H4V11Z" fill="#2F88FF" stroke="black" stroke-width="4"/> <path d="M34 33L30 37L34 41" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M40 33L44 37L40 41" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <circle r="2" transform="matrix(-1.31134e-07 -1 -1 1.31134e-07 10 14)" fill="white"/> <circle r="2" transform="matrix(-1.31134e-07 -1 -1 1.31134e-07 16 14)" fill="white"/> </svg>
Yapay zeka istemi ve vektör iyilestirme
Bu ikonu iyilestirmek veya yeniden tasarlamak ister misiniz? Source Code
Net bir muhendislik istemi oluşturun ya da ikonu tuvalde hemen iyilestirin. Source Code
Istem oluşturucu tamamen tarayıcında calisir
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
#source
#code
#iconpark
#interface
#outline
#source code svg
#source code icon
#source code iconpark
#source code react tsx
#source code vue
#source code 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
Source Code - Teknik vektör özellikleri
Kaynak, yazar ve lisans önizlemede ve ikon detayinda görünür. Source Code
| Temel dosya kimligi | iconpark/source-code |
|---|---|
| Kaynak kütüphane paketi | IconPark |
| Koordinat izgarasi ve viewBox | viewBox="0 0 48 48" |
| Sikistirilmamis boyut | 1,034 bytes (~569 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: Source Code
- Gorsel olarak özellestirin: Renk, Otomatik (cizgi ve dolgu), Cizgi kalınligi (
0.5px-4px), Canli vektör animasyon ayarlari - Vektöru veya gorseli indirin: SVG İndir, PNG (seffaf), WebP (iyilestirilmis) (
2048x2048 px) - Çerçeve kodunu kopyalayin: React, Next.js, Vue 3, Svelte, Angular, HTML ve CSS maskeleri için hazir kod kopyalayin.
- 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.
source-code.svg aria-hidden="true" focusable="false"
Daha fazla Kullanıcı Arayüzü (UI/UX)
Gozat
outline
Bold Trademark Bold
Phosphor Icons|interface
outline
Outline Artboard Off
Tabler Icons|interface
outline
Layout Three
IconPark|interface
outline
Outline Screen Share
Lucide|interface
outline
Stop
MingCute Icons|interface
Stop
MingCute Icons Fill|interface
Bold Trademark Registered Bold
Phosphor Icons|interface
Outline Artboard
Tabler Icons|interface
Layout Two
IconPark|interface
Outline Scroll Text
Lucide|interface
Stopwatch 2 Off
MingCute Icons|interfaceDaha fazlasını keşet
Sıkça Sorulan Sorular
Source Code - Sıkça Sorulan Sorular
Source Code SVG ikonu ticari kullanım için ücretsiz mi? +
Evet, Source Code koleksiyonundaki IconPark ikonu Apache-2.0 lisanslıdır ve ticari projelerde ücretsiz kullanılabilir.
Source Code ikonu indirildiğinde orijinal renklerini korur mu? +
Evet, düzenleyicide yeni bir renk seçmediğiniz sürece Source Code varsayılan renklerini korur.
Source Code 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.
Source Code ikonunu şeffaf PNG olarak indirebilir miyim? +
Evet, 1024 piksele kadar bir boyut seçip PNG İndir düğmesine tıklayın.
Source Code ikonunu CSS ile nasıl hareketlendiririm? +
CSS keyframe kodunu eklemek için canlı düzenleyiciden bir animasyon seçin.
Source Code için yapay zeka komutu oluşturabilir miyim? +
Evet, bu sayfadaki yapay zeka komut oluşturucu ile 3D, Cam veya Neon stilinde komut alabilirsiniz.
Source Code ikonunu kalite kaybetmeden ölçeklendirebilir miyim? +
Evet. Source Code dosyasi ölçeklenebilir viewBox tasiyan bir vektördur; 16px, 64px, 512px ve baskida net kalir.
Source Code dosyasiyla ilgili sorunu nereye bildiririm? +
İkon adresiyle support@svgnexus.com adresine yazın. Source Code 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.