outline
solid
Apache-2.0
1 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
MingCute Icons Fill
|
Kullanıcı Arayüzü (UI/UX)
|
viewBox="0 0 24 24"
|
Ticari kullanım için ücretsiz
şapka - Vektör ve 3D ikonlar
Kaynak, yazar ve lisans önizlemede ve ikon detayinda görünür. şapka - 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.
hat-2.svg (901 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 24 24" width="36" height="36" fill="currentColor" role="img" aria-label="Hat icon"><title>Hat - MingCute Icons Fill icon</title><desc>Free Hat vector icon from the MingCute Icons Fill open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc><path fill="currentColor" fill-rule="evenodd" d="M14.085 5H14a8 8 0 0 0-8 7.9l-3.614 2.81a1.01 1.01 0 0 0-.093 1.497 1.52 1.52 0 0 0 1.1.457c.22.001.436-.042.655-.066.272-.03.717-.052 1.546.316 1.064.473 2.143 1.008 3.128 1.393 1.018.397 2.072.693 3.215.693 2.224 0 4.477-1.112 7.334-3.864a39 39 0 0 0 1.828-.141A1 1 0 0 0 22 15v-2a8 8 0 0 0-5-7.418V5.5a1.5 1.5 0 0 0-2.915-.5M5.563 15.774 7.5 14.266c3.087 1.155 5.845 1.743 8.73 1.882C14.415 17.573 13.08 18 11.936 18c-.793 0-1.584-.204-2.488-.557-.936-.365-1.857-.83-3.043-1.357a7 7 0 0 0-.843-.312" clip-rule="evenodd"/></svg>
Yapay zeka istemi ve vektör iyilestirme
Bu ikonu iyilestirmek veya yeniden tasarlamak ister misiniz? şapka
Net bir muhendislik istemi oluşturun ya da ikonu tuvalde hemen iyilestirin. şapka
Istem oluşturucu tamamen tarayıcında calisir
Kaynak ve lisans doğrulama
LICENSE.txt
Library: MingCute Icons Fill | Author: MingCute Design | License: Apache-2.0 | Üyelik Gerekmez | %100 Tarayıcı Tabanlı İşleme
Anahtar kelimeler
#hat
#mingcute
#fill
#interface
#solid
#şapka svg
#şapka icon
#şapka mingcute icons fill
#şapka react tsx
#şapka vue
#şapka 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
şapka - Teknik vektör özellikleri
Kaynak, yazar ve lisans önizlemede ve ikon detayinda görünür. şapka
| Temel dosya kimligi | mingcute-fill/hat-2 |
|---|---|
| Kaynak kütüphane paketi | MingCute Icons Fill |
| Koordinat izgarasi ve viewBox | viewBox="0 0 24 24" |
| Sikistirilmamis boyut | 901 bytes (~496 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: şapka
- 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.
hat-2.svg aria-hidden="true" focusable="false"
Diger kütüphanelerdeki eşleşmeler ("hat-2")
Bu ikonu diger açık kaynak vektör kütüphaneleriyle karsilastirin.
outline
şapka 2
MingCute Icons|interfaceDaha fazla Kullanıcı Arayüzü (UI/UX)
Gozat
solid
kapat
MingCute Icons Fill|interface
solid
bulut
MingCute Icons Fill|interface
solid
Clouds
MingCute Icons Fill|interface
solid
Clubs
MingCute Icons Fill|interface
solid
Coat
MingCute Icons Fill|interface
solid
Coathanger
MingCute Icons Fill|interface
kod
MingCute Icons Fill|interface
Codepen
MingCute Icons Fill|interface
madeni para
MingCute Icons Fill|interface
Color Filter
MingCute Icons Fill|interface
Color Picker
MingCute Icons Fill|interface
Column
MingCute Icons Fill|interfaceDaha fazlasını keşet
Sıkça Sorulan Sorular
şapka - Sıkça Sorulan Sorular
şapka SVG ikonu ticari kullanım için ücretsiz mi? +
Evet, şapka koleksiyonundaki MingCute Icons Fill ikonu Apache-2.0 lisanslıdır ve ticari projelerde ücretsiz kullanılabilir.
şapka ikonu indirildiğinde orijinal renklerini korur mu? +
Evet, düzenleyicide yeni bir renk seçmediğiniz sürece şapka varsayılan renklerini korur.
şapka 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.
şapka ikonunu şeffaf PNG olarak indirebilir miyim? +
Evet, 1024 piksele kadar bir boyut seçip PNG İndir düğmesine tıklayın.
şapka ikonunu CSS ile nasıl hareketlendiririm? +
CSS keyframe kodunu eklemek için canlı düzenleyiciden bir animasyon seçin.
şapka için yapay zeka komutu oluşturabilir miyim? +
Evet, bu sayfadaki yapay zeka komut oluşturucu ile 3D, Cam veya Neon stilinde komut alabilirsiniz.
şapka ikonunu kalite kaybetmeden ölçeklendirebilir miyim? +
Evet. şapka dosyasi ölçeklenebilir viewBox tasiyan bir vektördur; 16px, 64px, 512px ve baskida net kalir.
şapka dosyasiyla ilgili sorunu nereye bildiririm? +
İkon adresiyle support@svgnexus.com adresine yazın. şapka 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.