outline
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 Fill
|
Antarmuka Pengguna (UI/UX)
|
viewBox="0 0 24 24"
|
Gratis untuk penggunaan komersial
Ikon SVG tata letak
Sumber, penulis, dan lisensi tersedia di pratinjau dan detail ikon. tata letak - 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.
layout-9.svg (488 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="Layout icon"><title>Layout - MingCute Icons Fill icon</title><desc>Free Layout vector icon from the MingCute Icons Fill open-source icon library; solid style, Apache-2.0 licence, viewBox 0 0 24 24, 208 bytes.</desc><path fill="currentColor" d="M11 21H5a2 2 0 0 1-2-2v-3h8zm0-18v5H3V5a2 2 0 0 1 2-2zm0 11H3v-4h8zm8-11a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-6V3z"/></svg>
Prompt AI dan peningkatan vektor
Ingin memperbaiki atau mengubah gaya ikon ini? tata letak
Buat prompt rekayasa yang tepat, atau perbaiki ikon di kanvas sekarang. tata letak
Pembuat prompt 100% di browser
Verifikasi sumber dan lisensi
LICENSE.txt
Library: MingCute Icons Fill | 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
#layout
#mingcute
#fill
#interface
#solid
tata letak - Spesifikasi teknis vektor
Sumber, penulis, dan lisensi tersedia di pratinjau dan detail ikon. tata letak
| Pengenal aset kanonis | mingcute-fill/layout-9 |
|---|---|
| Paket perpustakaan sumber | MingCute Icons Fill |
| Kisi koordinat dan viewBox | viewBox="0 0 24 24" |
| Ukuran tanpa kompresi | 488 bytes (~268 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: tata letak
- 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.
layout-9.svg aria-hidden="true" focusable="false"
Kecocokan di perpustakaan lain ("tata letak")
Bandingkan ikon ini dengan perpustakaan vektor sumber terbuka lainnya.
Lebih banyak di Antarmuka Pengguna (UI/UX)
Jelajahioutline
tata letak
MingCute Icons|interface3d
tata letak
3D Vector Icons|3d-iconsoutline
Align Center
MingCute Icons|interfacesolid
Backpack3
Bootstrap Icons|interfacesolid
Bookmarks
Bootstrap Icons|interfacesolid
Beach Ball
Phosphor Icons|interface
Bowl Steam
Phosphor Icons|interface
Layout Grid
Tabler Icons|interface
Dice
Bootstrap Icons|interface
Firecracker
MingCute Icons|interface
Chalkboard
Phosphor Icons|interface
Places Meeting Room
Material Icons|interface
Places Water Damage
Material Icons|interface
Social Boy
Material Icons|interface
Adjustments Vertical
Heroicons|interface
buku
Ant Design TwoTone|interface
Add Mode
IconPark|interface
Check Square
Ant Design TwoTone|interface
Accessibility Ear
Domain Icons|interface
Cursor Battleaxe Winged Copy
Mouse|interface
kuas
Open Iconic|interface
Brain
SVG Icons Collection|interface
Accessibility Hand
Domain Icons|interface
Align Text Bottom One
IconPark|interfaceJelajahi lainnya
Pertanyaan Umum
tata letak - Pertanyaan Umum
Lisensi apa yang mencakup tata letak? +
tata letak berasal dari MingCute Icons Fill dan dilindungi oleh Apache-2.0. Atribusi: Kredit wajib.
Dalam format apa saya dapat mengunduh tata letak? +
tata letak adalah vektor bergaya solid (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 tata letak berasal? +
tata letak adalah bagian dari pustaka MingCute Icons Fill 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.