solid
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 Layout One
La fuente, el autor y la licencia estan en la vista previa y en el detalle del icono. Layout One - 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-one.svg (956 B)
Copia rápida para desarrolladores y frameworks de interfaz
Salida de código en vivo
<svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" width="36" height="36" role="img" aria-label="Layout One icon"><title>Layout One - IconPark icon</title><desc>Free Layout One vector icon from the IconPark open-source icon library; outline style, Apache-2.0 licence, viewBox 0 0 48 48, 726 bytes.</desc> <rect x="6" y="6" width="36" height="36" rx="3" fill="#2F88FF" stroke="black" stroke-width="4" stroke-linejoin="round"/> <path d="M6 16H42" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M6 13V19" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M42 14V20" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M32 16V42" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M29 42H35" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> </svg>
Prompt de IA y mejora vectorial
Quieres mejorar o cambiar el estilo de este icono? Layout One
Genera un prompt de ingenieria preciso o mejora el icono en el lienzo ahora mismo. Layout One
Generador de prompts 100% en el navegador
Verificación de fuente y licencia
LICENSE.txt
Library: IconPark | Author: ByteDance Inc. | License: Apache-2.0 | Source: https://github.com/bytedance/IconPark | Sin Registro | 100% en tu Navegador
Palabras clave
#layout
#one
#iconpark
#interface
#outline
Layout One - Especificaciones tecnicas del vector
La fuente, el autor y la licencia estan en la vista previa y en el detalle del icono. Layout One
| Identificador canonico del archivo | iconpark/layout-one |
|---|---|
| Paquete de biblioteca de origen | IconPark |
| Cuadrícula de coordenadas y viewBox | viewBox="0 0 48 48" |
| Peso sin comprimir | 956 bytes (~526 bytes gzipped) |
| Licencia SPDX y uso comercial | Apache-2.0 - Gratis para uso comercial |
| Upstream Source | https://github.com/bytedance/IconPark |
| 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: Layout One
- 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-one.svg aria-hidden="true" focusable="false"
Mas en Interfaz de usuario (UI/UX)
Explorarsolid
diseño 9
MingCute Icons Fill|interfaceoutline
diseño
MingCute Icons|interfaceoutline
Layout Wtf
Bootstrap Icons|interfaceoutline
Text H One
Phosphor Icons|interfacesolid
Action Swipe Left Alt
Material Icons|interface
Razer
SVG Icons Collection|interface
Contacts
MingCute Icons Fill|interface
Action Text Rotation None
Material Icons|interface
Circle Power
Lucide|interface
Sneaker Move
SVG Icons Collection|interface
Cursor Party Confetti
Mouse|interface
Action View Headline
Material Icons|interface
Clock Fading
Lucide|interface
Cursor Starfighter Delta
Mouse|interface
Eye
Tabler Icons|interface
Ellipsis Horizontal
Heroicons|interface
Flag
Heroicons|interface
Dots Three Circle Vertical
Phosphor Icons|interface
Scroll Horizontal Copy
Mouse|interface
Earth
MingCute Icons Fill|interface
Language
Heroicons|interface
Function
Tabler Icons|interfaceExplorar más
Preguntas frecuentes
Layout One - Preguntas frecuentes
¿Qué licencia cubre Layout One? +
Layout One proviene de IconPark y está cubierto por Apache-2.0. Atribución: Crédito obligatorio.
¿En qué formatos puedo descargar Layout One? +
Layout One es un vector de estilo outline (viewBox 0 0 48 48). 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 Layout One? +
Layout One forma parte de la biblioteca IconPark de ByteDance Inc., 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.