outline
1. Renk
Yeni bir renk seçene kadar ikonun orijinal renkleri korunur.
2. Tuval arka plani ve donusumler
3. Canli vektör animasyon ayarları
SVG çıktısina dahil
belge SVG Simgesi
Kaynak, yazar ve lisans önizlemede ve ikon detayinda görünür. belge - Ticari ve kişisel kullanım için ücretsiz. Üyelik Gerekmez | %100 Tarayıcı Tabanlı İşleme
Anında vektör ve yüksek çözünürlük indirme
Yeni bir renk seçene kadar ikonun orijinal renkleri korunur.
heroicons-20px-solid-document.svg (523 B)
Geliştiriciler ve arayüz çerçeveleri için hizli kopya
Canli kod çıktısi
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon" width="36" height="36" role="img" aria-label="Document icon"><title>Document - Heroicons icon</title><desc>Free Document vector icon from the Heroicons open-source icon library; solid style, MIT licence, viewBox 0 0 20 20, 284 bytes.</desc> <path d="M3 3.5A1.5 1.5 0 0 1 4.5 2h6.879a1.5 1.5 0 0 1 1.06.44l4.122 4.12A1.5 1.5 0 0 1 17 7.622V16.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 3 16.5v-13Z"/> </svg>
Yapay zeka istemi ve vektör iyileştirme
Bu ikonu iyilestirmek veya yeniden tasarlamak ister misiniz? belge
Net bir mühendislik istemi oluşturun ya da ikonu tuvalde hemen iyilestirin. belge
İstem oluşturucu tamamen tarayıcında çalışır
Kaynak ve lisans doğrulama
LICENSE.txt
Library: Heroicons | Author: Tailwind Labs | License: MIT | Source: https://github.com/tailwindlabs/heroicons | Üyelik Gerekmez | %100 Tarayıcı Tabanlı İşleme
Anahtar kelimeler
#heroicons
#20px
#solid
#document
#interface
#hero
belge - Teknik vektör özellikleri
Kaynak, yazar ve lisans önizlemede ve ikon detayinda görünür. belge
| Temel dosya kimligi | heroicons/heroicons-20px-solid-document |
|---|---|
| Kaynak kütüphane paketi | Heroicons |
| Koordinat izgarasi ve viewBox | viewBox="0 0 20 20" |
| Sıkıştırılmamış boyut | 523 bytes (~288 bytes gzipped) |
| SPDX lisansı ve ticari kullanım | MIT - Ticari kullanım için ücretsiz |
| Upstream Source | https://github.com/tailwindlabs/heroicons |
| 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: belge
- 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 (77.087)
Erişilebilirlik ipucu (WCAG 2.1): Süsleme amaçlı ikonlari aria-hidden ve focusable false ile gizleyin. Yalnızca ikon iceren dugmelere net bir aria-label verin. Sağdan sola diller için okları yatay olarak çevirin.
heroicons-20px-solid-document.svg aria-hidden="true" focusable="false"
Diğer kütüphanelerdeki eşleşmeler ("belge")
Bu ikonu diger açık kaynak vektör kütüphaneleriyle karsilastirin.
Daha fazla Kullanıcı Arayüzü (UI/UX)
Gözatoutline
belge
Open Iconic|interface3d
belge
3D Vector Icons|3d-iconsoutline
Peacock
Mouse|interfaceoutline
tavşan
Mouse|interfacesolid
Circle Letter N
Tabler Icons|interfaceoutline
Broadcast
IconPark|interface
Checkbox
MingCute Icons Fill|interface
Openstack
SVG Icons Collection|interface
Classify Add
MingCute Icons Fill|interface
Close Circle Dash
MingCute Icons Fill|interface
bulut
MingCute Icons|interface
Castle
IconPark|interface
Columns
Tabler Icons|interface
Action Swipe Vertical
Material Icons|interface
Remix
SVG Icons Collection|interface
Rumble
SVG Icons Collection|interface
Chimney
IconPark|interface
Dice
Tabler Icons|interface
Layers
Bootstrap Icons|interface
Diamond Square
MingCute Icons|interface
AV 8k Plus
Material Icons|interface
Dot Grid
MingCute Icons|interface
AV Control Camera
Material Icons|interface
Daha fazlasını keşet
Sıkça Sorulan Sorular
belge - Sıkça Sorulan Sorular
belge hangi lisans kapsamındadır? +
belge, Heroicons kaynağından gelir ve MIT kapsamındadır. Atıf: Kaynak belirtme zorunlu.
belge simgesini hangi biçimlerde indirebilirim? +
belge, solid stilinde bir vektördür (viewBox 0 0 20 20). SVG, PNG, WebP veya ICO indirin ya da bu sayfadan React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask veya Base64 kodunu kopyalayın.
belge simgesi nereden geliyor? +
belge, Heroicons kütüphanesinin bir parçasıdır; oluşturan: Tailwind Labs, kategori: Kullanıcı Arayüzü (UI/UX). Lisansın tam metni, bu sayfada bağlantısı verilen kütüphane bildirim dosyasındadır.
%100 Tarayıcı Tabanlı İşleme | 77.087 ikon
SVG Düzenleyici
Yollari, katmanlari, renkleri ve animasyonlari tarayıcında duzenleyin; sonra temiz SVG, PNG veya çerçeve kodu aktarın.