Yeni bir renk seçene kadar ikonun orijinal renkleri korunur.
klasör SVG Simgesi
Kaynak, yazar ve lisans önizlemede ve ikon detayinda görünür. klasör - Ticari ve kişisel kullanım için ücretsiz. Üyelik Gerekmez | %100 Tarayıcı Tabanlı İşleme
<svg id="i-folder" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="36" height="36" role="img" aria-label="Folder icon"><title>Folder - Bytesize Icons icon</title><desc>Free Folder vector icon from the Bytesize Icons open-source icon library; outline style, MIT licence, viewBox 0 0 32 32, 266 bytes.</desc>
<path d="M2 26 L30 26 30 7 14 7 10 4 2 4 Z M30 12 L2 12" />
</svg>
Bu ikonu iyilestirmek veya yeniden tasarlamak ister misiniz? klasör
Net bir mühendislik istemi oluşturun ya da ikonu tuvalde hemen iyilestirin. klasör
Library: Bytesize Icons | Author: Dan Klammer | License: MIT | Source: https://github.com/danklammer/bytesize-icons | Üyelik Gerekmez | %100 Tarayıcı Tabanlı İşleme
klasör - Teknik vektör özellikleri
Kaynak, yazar ve lisans önizlemede ve ikon detayinda görünür. klasör
| Temel dosya kimligi | bytesize/folder |
|---|---|
| Kaynak kütüphane paketi | Bytesize Icons |
| Koordinat izgarasi ve viewBox | viewBox="0 0 32 32" |
| Sıkıştırılmamış boyut | 489 bytes (~269 bytes gzipped) |
| SPDX lisansı ve ticari kullanım | MIT - Ticari kullanım için ücretsiz |
| Upstream Source | https://github.com/danklammer/bytesize-icons |
| 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 kullanılır ve özellestirilir: klasör
- Görsel olarak özellestirin: Renk, Otomatik (çizgi ve dolgu), Çizgi kalınligi (
0.5px-4px), Canli vektör animasyon ayarları - Vektöru veya gorseli indirin: SVG İndir, PNG (şeffaf), WebP (iyilestirilmis) (
2048x2048 px) - Çerçeve kodunu kopyalayın: React, Next.js, Vue 3, Svelte, Angular, HTML ve CSS maskeleri için hazir kod kopyalayın.
- İleri vektör düzenleme: SVG duzenleyicide duzenle (76.166)
folder.svg aria-hidden="true" focusable="false"
Diğer kütüphanelerdeki eşleşmeler ("klasör")
Bu ikonu diger açık kaynak vektör kütüphaneleriyle karsilastirin.
Daha fazla Kullanıcı Arayüzü (UI/UX)
Gözatklasör
Open Iconic|interfaceklasör
MingCute Icons|interfaceklasör
MingCute Icons Fill|interfaceklasör
Dashboard Icons|brandsklasör
IconPark|interfaceklasör
3D Vector Icons|3d-iconsAccessibility Ear
Domain Icons|interfaceBar Chart
Open Iconic|interfaceBed
SVG Icons Collection|interfaceAnd
MingCute Icons|interfaceBadge Vo
Bootstrap Icons|interfaceCalendly
SVG Icons Collection|interfaceArtboard
Tabler Icons|interfaceAccessibility Sign
Domain Icons|interfaceAttachment
MingCute Icons Fill|interfaceAction CSS
Material Icons|interfaceCheck Circle
Heroicons|interfaceAction Delete
Material Icons|interfaceBadminton
MingCute Icons|interfaceEa
SVG Icons Collection|interfaceBase Station
MingCute Icons Fill|interfaceAction Eject
Material Icons|interfacePaw
Fluent UI Color|interfaceTrademark Circle
Ant Design TwoTone|interfaceDaha fazlasını keşet
klasör - Sıkça Sorulan Sorular
klasör hangi lisans kapsamındadır? +
klasör, Bytesize Icons kaynağından gelir ve MIT kapsamındadır. Atıf: Kaynak belirtme zorunlu.
klasör simgesini hangi biçimlerde indirebilirim? +
klasör, outline stilinde bir vektördür (viewBox 0 0 32 32). SVG, PNG, WebP veya ICO indirin ya da bu sayfadan React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask veya Base64 kodunu kopyalayın.
klasör simgesi nereden geliyor? +
klasör, Bytesize Icons kütüphanesinin bir parçasıdır; oluşturan: Dan Klammer, kategori: Kullanıcı Arayüzü (UI/UX). Lisansın tam metni, bu sayfada bağlantısı verilen kütüphane bildirim dosyasındadır.
SVG Düzenleyici
Yollari, katmanlari, renkleri ve animasyonlari tarayıcında duzenleyin; sonra temiz SVG, PNG veya çerçeve kodu aktarın.