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
şapka SVG Simgesi
Kaynak, yazar ve lisans önizlemede ve ikon detayinda görünür. şapka - 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.
Kredilerle paket
hat.svg (823 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="Hat icon"><title>Hat - IconPark icon</title><desc>Free Hat vector icon from the IconPark open-source icon library; outline style, Apache-2.0 licence, viewBox 0 0 48 48, 614 bytes.</desc> <path d="M9 16C9 11.5817 12.5817 8 17 8H31C35.4183 8 39 11.5817 39 16V32H9V16Z" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <rect x="4" y="32" width="40" height="8" rx="2" fill="#2F88FF" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9 22L17 22" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M31 22L39 22" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> </svg>
Yapay zeka istemi ve vektör iyileştirme
Bu ikonu iyilestirmek veya yeniden tasarlamak ister misiniz? şapka
Net bir mühendislik istemi oluşturun ya da ikonu tuvalde hemen iyilestirin. şapka
İstem oluşturucu tamamen tarayıcında çalışır
Kaynak ve lisans doğrulama
LICENSE.txt
Library: IconPark | Author: ByteDance Inc. | License: Apache-2.0 | Source: https://github.com/bytedance/IconPark | Üyelik Gerekmez | %100 Tarayıcı Tabanlı İşleme
Anahtar kelimeler
#hat
#iconpark
#interface
#outline
şapka - Teknik vektör özellikleri
Kaynak, yazar ve lisans önizlemede ve ikon detayinda görünür. şapka
| Temel dosya kimligi | iconpark/hat |
|---|---|
| Kaynak kütüphane paketi | IconPark |
| Koordinat izgarasi ve viewBox | viewBox="0 0 48 48" |
| Sıkıştırılmamış boyut | 823 bytes (~453 bytes gzipped) |
| SPDX lisansı ve ticari kullanım | Apache-2.0 - Ticari kullanım için ücretsiz |
| Upstream Source | https://github.com/bytedance/IconPark |
| 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: şapka
- 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.
hat.svg aria-hidden="true" focusable="false"
Diğer kütüphanelerdeki eşleşmeler ("şapka")
Bu ikonu diger açık kaynak vektör kütüphaneleriyle karsilastirin.
Daha fazla Kullanıcı Arayüzü (UI/UX)
Gözatoutline
şapka
MingCute Icons|interfacesolid
şapka
MingCute Icons Fill|interfaceduotone
USB
Phosphor Icons|interfaceduotone
Vector Two
Phosphor Icons|interfaceoutline
Device Dvr
Material Icons|interfaceduotone
X Circle
Phosphor Icons|interface
Device Tablet Search
Tabler Icons|interface
Media News
Domain Icons|interface
Device Task
Material Icons|interface
Editor Draw
Material Icons|interface
Droplet Pin
Tabler Icons|interface
Egg
Tabler Icons|interface
Nature Leaf
Domain Icons|interface
Payments Contactless
Domain Icons|interface
4 Square
Bootstrap Icons|interface
Air Condition Open
MingCute Icons Fill|interface
Ci
Ant Design TwoTone|interface
Cursor Claymore Greatsword Copy
Mouse|interface
Dollar
Ant Design TwoTone|interface
Announcement
MingCute Icons Fill|interface
Cactus
SVG Icons Collection|interface
Clojure
SVG Icons Collection|interface
Eject
Open Iconic|interface
Attachment
MingCute Icons|interfaceDaha fazlasını keşet
Sıkça Sorulan Sorular
şapka - Sıkça Sorulan Sorular
şapka hangi lisans kapsamındadır? +
şapka, IconPark kaynağından gelir ve Apache-2.0 kapsamındadır. Atıf: Kaynak belirtme zorunlu.
şapka simgesini hangi biçimlerde indirebilirim? +
şapka, outline stilinde bir vektördür (viewBox 0 0 48 48). SVG, PNG, WebP veya ICO indirin ya da bu sayfadan React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask veya Base64 kodunu kopyalayın.
şapka simgesi nereden geliyor? +
şapka, IconPark kütüphanesinin bir parçasıdır; oluşturan: ByteDance Inc., 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.