outline
1. Color
Los colores originales del icono se mantienen hasta que elijas un color nuevo.
2. Fondo del lienzo y transformaciones
3. Ajustes de animación vectorial en vivo
Incluido en la exportación SVG
Icono SVG de diseño
La fuente, el autor y la licencia estan en la vista previa y en el detalle del icono. diseño - Gratis para uso comercial y personal. Sin Registro | 100% en tu Navegador
Descargas instantaneas vectoriales y de alta resolución
Los colores originales del icono se mantienen hasta que elijas un color nuevo.
layout-8.svg (500 B)
Copia rápida para desarrolladores y frameworks de interfaz
Salida de código en vivo
<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, 220 bytes.</desc><path fill="currentColor" d="M11 21H5a2 2 0 0 1-2-2v-6h8zm10-5v3a2 2 0 0 1-2 2h-6v-5zm0-6v4h-8v-4zM11 3v8H3V5a2 2 0 0 1 2-2zm8 0a2 2 0 0 1 2 2v3h-8V3z"/></svg>
Prompt de IA y mejora vectorial
Quieres mejorar o cambiar el estilo de este icono? diseño
Genera un prompt de ingenieria preciso o mejora el icono en el lienzo ahora mismo. diseño
Generador de prompts 100% en el navegador
Verificación de fuente y licencia
LICENSE.txt
Library: MingCute Icons Fill | Author: MingCute Design | License: Apache-2.0 | Source: https://github.com/mingcute-design/mingcute-icons | Sin Registro | 100% en tu Navegador
Palabras clave
#layout
#mingcute
#fill
#interface
#solid
diseño - Especificaciones tecnicas del vector
La fuente, el autor y la licencia estan en la vista previa y en el detalle del icono. diseño
| Identificador canonico del archivo | mingcute-fill/layout-8 |
|---|---|
| Paquete de biblioteca de origen | MingCute Icons Fill |
| Cuadrícula de coordenadas y viewBox | viewBox="0 0 24 24" |
| Peso sin comprimir | 500 bytes (~275 bytes gzipped) |
| Licencia SPDX y uso comercial | Apache-2.0 - Gratis para uso comercial |
| Upstream Source | https://github.com/mingcute-design/mingcute-icons |
| Formatos de exportación admitidos | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| Garantia de seguridad y privacidad | Sin Registro | 100% en tu Navegador |
Como usar y personalizar este icono: diseño
- Personaliza visualmente: Color, Automático (trazo y relleno), Grosor del trazo (
0.5px-4px), Ajustes de animación vectorial en vivo - Descarga el vector o la imagen: Descargar SVG, PNG (transparente), WebP (optimizado) (
2048x2048 px) - Copia el código del framework: Copia código listo para React, Next.js, Vue 3, Svelte, Angular, HTML y mascaras CSS.
- Edición vectorial profunda: Editar en el editor SVG (77.087)
Consejo de accesibilidad (WCAG 2.1): Oculta los iconos decorativos con aria-hidden y focusable false. Da un aria-label claro a los botones que solo tienen icono. Voltea las flechas en horizontal para idiomas de derecha a izquierda.
layout-8.svg aria-hidden="true" focusable="false"
Coincidencias en otras bibliotecas ("diseño")
Compara este icono con otras bibliotecas vectoriales de código abierto.
Mas en Interfaz de usuario (UI/UX)
Exploraroutline
diseño
MingCute Icons|interface3d
diseño
3D Vector Icons|3d-iconssolid
Mouse3
Bootstrap Icons|interfaceoutline
Door
MingCute Icons|interfacesolid
Tablet
Bootstrap Icons|interfacesolid
Airplane Tilt
Phosphor Icons|interface
Cassette Tape
Phosphor Icons|interface
Layout Rows
Tabler Icons|interface
Hood
MingCute Icons|interface
Crown Simple
Phosphor Icons|interface
4 Square
Bootstrap Icons|interface
Cursor Diamond Crest
Mouse|interface
Bolt
Heroicons|interface
Check
IconPark|interface
Cherry
IconPark|interface
Christmas Tree One
IconPark|interface
Ease In Control Point
Tabler Icons|interface
Telegram
SVG Icons Collection|interface
Document
Heroicons|interface
AV 7k Plus
Material Icons|interface
Copyright
Lucide|interface
Wine
SVG Icons Collection|interface
AV Hearing Disabled
Material Icons|interface
Crop
Lucide|interfaceExplorar más
Preguntas frecuentes
diseño - Preguntas frecuentes
¿Qué licencia cubre diseño? +
diseño proviene de MingCute Icons Fill y está cubierto por Apache-2.0. Atribución: Crédito obligatorio.
¿En qué formatos puedo descargar diseño? +
diseño es un vector de estilo solid (viewBox 0 0 24 24). Descarga SVG, PNG, WebP o ICO, o copia código React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask o Base64 desde esta página.
¿De dónde procede el icono diseño? +
diseño forma parte de la biblioteca MingCute Icons Fill de MingCute Design, en la categoría Interfaz de usuario (UI/UX). El texto completo de la licencia está en el archivo de aviso de la biblioteca enlazado en esta página.
100% en tu Navegador | 77.087 iconos
Editor SVG
Edita rutas, capas, colores y animaciones en tu navegador y exporta SVG limpio, PNG o código para frameworks.