solid
1. Warna
Warna asli ikon tetap dipertahankan sampai Anda memilih warna baru.
2. Latar kanvas dan transformasi
3. Preset animasi vektor langsung
Termasuk dalam ekspor SVG
MingCute Icons
|
Antarmuka Pengguna (UI/UX)
|
viewBox="0 0 24 24"
|
Gratis untuk penggunaan komersial
Ikon SVG topi
Sumber, penulis, dan lisensi tersedia di pratinjau dan detail ikon. topi - Gratis untuk penggunaan komersial dan pribadi. Tanpa Daftar Akun | 100% Diproses di Browser Anda
Unduhan instan vektor dan resolusi tinggi
Warna asli ikon tetap dipertahankan sampai Anda memilih warna baru.
Bundel dengan kredit
hat.svg (607 B)
Salin cepat untuk pengembang dan framework UI
Keluaran kode langsung
<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 icon</title><desc>Free Hat vector icon from the MingCute Icons open-source icon library; outline style, Apache-2.0 licence, viewBox 0 0 24 24, 344 bytes.</desc><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m5.93 14.52.802-6.386a2 2 0 0 1 2.377-1.712l2.499.5a2 2 0 0 0 .784 0l2.5-.5a2 2 0 0 1 2.376 1.712l.802 6.386M21 16c0 1.105-4.03 2-9 2s-9-.895-9-2 4.03-2 9-2 9 .895 9 2"/></svg>
Prompt AI dan peningkatan vektor
Ingin memperbaiki atau mengubah gaya ikon ini? topi
Buat prompt rekayasa yang tepat, atau perbaiki ikon di kanvas sekarang. topi
Pembuat prompt 100% di browser
Verifikasi sumber dan lisensi
LICENSE.txt
Library: MingCute Icons | Author: MingCute Design | License: Apache-2.0 | Source: https://github.com/mingcute-design/mingcute-icons | Tanpa Daftar Akun | 100% Diproses di Browser Anda
Kata kunci
#hat
#mingcute
#interface
#outline
topi - Spesifikasi teknis vektor
Sumber, penulis, dan lisensi tersedia di pratinjau dan detail ikon. topi
| Pengenal aset kanonis | mingcute/hat |
|---|---|
| Paket perpustakaan sumber | MingCute Icons |
| Kisi koordinat dan viewBox | viewBox="0 0 24 24" |
| Ukuran tanpa kompresi | 607 bytes (~334 bytes gzipped) |
| Lisensi SPDX dan penggunaan komersial | Apache-2.0 - Gratis untuk penggunaan komersial |
| Upstream Source | https://github.com/mingcute-design/mingcute-icons |
| Format ekspor yang didukung | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| Jaminan keamanan dan privasi | Tanpa Daftar Akun | 100% Diproses di Browser Anda |
Cara memakai dan menyesuaikan ikon ini: topi
- Sesuaikan secara visual: Warna, Otomatis (garis dan isian), Ketebalan garis (
0.5px-4px), Preset animasi vektor langsung - Unduh vektor atau gambar: Unduh SVG, PNG (transparan), WebP (dioptimalkan) (
2048x2048 px) - Salin kode framework: Salin kode siap pakai untuk React, Next.js, Vue 3, Svelte, Angular, HTML, dan mask CSS.
- Pengeditan vektor mendalam: Edit di editor SVG (77.087)
Tips aksesibilitas (WCAG 2.1): Sembunyikan ikon dekoratif dengan aria-hidden dan focusable false. Beri aria-label yang jelas pada tombol yang hanya berisi ikon. Balik panah secara mendatar untuk bahasa kanan ke kiri.
hat.svg aria-hidden="true" focusable="false"
Kecocokan di perpustakaan lain ("topi")
Bandingkan ikon ini dengan perpustakaan vektor sumber terbuka lainnya.
outline
topi
IconPark|interfacesolid
topi
MingCute Icons Fill|interfaceoutline
topi
IconPark|interfaceLebih banyak di Antarmuka Pengguna (UI/UX)
Jelajahisolid
topi
MingCute Icons Fill|interfaceoutline
topi
IconPark|interfaceoutline
Chef Hat
Lucide|interfaceoutline
Hardware Developer Board Off
Material Icons|interfaceoutline
Sort Descending
Tabler Icons|interfaceoutline
Hardware Sim Card
Material Icons|interface
Square Chevrons Left
Tabler Icons|interface
Square Letter P
Tabler Icons|interface
Robot
Phosphor Icons|interface
Smiley Blank
Phosphor Icons|interface
Speedometer
Phosphor Icons|interface
Maps Egg
Material Icons|interface
Accessibility Access
Domain Icons|interface
Accessibility Access
Domain Icons|interface
Check Circle
Ant Design TwoTone|interface
Close Circle
Ant Design TwoTone|interface
Cursor Astrolabe Compass
Mouse|interface
Behance
SVG Icons Collection|interface
Down Square
Ant Design TwoTone|interface
Badge 4k
Bootstrap Icons|interface
Badge Hd
Bootstrap Icons|interface
Bars
Heroicons|interface
Accessibility Ramp
Domain Icons|interface
Start
Bytesize Icons|interfaceJelajahi lainnya
Pertanyaan Umum
topi - Pertanyaan Umum
Lisensi apa yang mencakup topi? +
topi berasal dari MingCute Icons dan dilindungi oleh Apache-2.0. Atribusi: Kredit wajib.
Dalam format apa saya dapat mengunduh topi? +
topi adalah vektor bergaya outline (viewBox 0 0 24 24). Unduh SVG, PNG, WebP atau ICO, atau salin kode React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask atau Base64 dari halaman ini.
Dari mana ikon topi berasal? +
topi adalah bagian dari pustaka MingCute Icons oleh MingCute Design, dalam kategori Antarmuka Pengguna (UI/UX). Teks lisensi lengkap ada dalam file pemberitahuan pustaka yang ditautkan di halaman ini.
100% Diproses di Browser Anda | 77.087 ikon
Editor SVG
Edit jalur, lapisan, warna, dan animasi di browser, lalu ekspor SVG bersih, PNG, atau kode framework.