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 Compose
La fuente, el autor y la licencia estan en la vista previa y en el detalle del icono. Compose - 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.
compose.svg (534 B)
Copia rápida para desarrolladores y frameworks de interfaz
Salida de código en vivo
<svg id="i-compose" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="36" height="36" role="img" aria-label="Compose icon"><title>Compose - Bytesize Icons icon</title><desc>Free Compose vector icon from the Bytesize Icons open-source icon library; outline style, MIT licence, viewBox 0 0 32 32, 308 bytes.</desc>
<path d="M27 15 L27 30 2 30 2 5 17 5 M30 6 L26 2 9 19 7 25 13 23 Z M22 6 L26 10 Z M9 19 L13 23 Z" />
</svg>
Prompt de IA y mejora vectorial
Quieres mejorar o cambiar el estilo de este icono? Compose
Genera un prompt de ingenieria preciso o mejora el icono en el lienzo ahora mismo. Compose
Generador de prompts 100% en el navegador
Verificación de fuente y licencia
LICENSE.txt
Library: Bytesize Icons | Author: Dan Klammer | License: MIT | Source: https://github.com/danklammer/bytesize-icons | Sin Registro | 100% en tu Navegador
Palabras clave
#compose
#bytesize
#interface
#outline
Compose - Especificaciones tecnicas del vector
La fuente, el autor y la licencia estan en la vista previa y en el detalle del icono. Compose
| Identificador canonico del archivo | bytesize/compose |
|---|---|
| Paquete de biblioteca de origen | Bytesize Icons |
| Cuadrícula de coordenadas y viewBox | viewBox="0 0 32 32" |
| Peso sin comprimir | 534 bytes (~294 bytes gzipped) |
| Licencia SPDX y uso comercial | MIT - Gratis para uso comercial |
| Upstream Source | https://github.com/danklammer/bytesize-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: Compose
- 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.
compose.svg aria-hidden="true" focusable="false"
Mas en Interfaz de usuario (UI/UX)
Exploraroutline
Eyedropper
Bootstrap Icons|interfaceoutline
Histogram
IconPark|interfaceoutline
Honey
IconPark|interfaceoutline
Spray Bottle
Phosphor Icons|interfacesolid
Search 2 None
MingCute Icons Fill|interface
Sector
MingCute Icons Fill|interface
Indent Left
IconPark|interface
Filetype Gif
Bootstrap Icons|interface
Filetype Ppt
Bootstrap Icons|interface
Text H Five
Phosphor Icons|interface
Education Bulb
Domain Icons|interface
Spotify
MingCute Icons|interface
Arrows Transfer Up Down
Tabler Icons|interface
Article Off
Tabler Icons|interface
tabla 2
MingCute Icons|interface
Taurus
MingCute Icons|interface
Baguette
Tabler Icons|interface
Signal Low
Lucide|interface
Virtual Reality
Phosphor Icons|interface
Energy Meter
Domain Icons|interface
Maps Castle
Material Icons|interface
Squares Unite
Lucide|interface
Maps Local Hotel
Material Icons|interfaceExplorar más
Preguntas frecuentes
Compose - Preguntas frecuentes
¿Qué licencia cubre Compose? +
Compose proviene de Bytesize Icons y está cubierto por MIT. Atribución: Crédito obligatorio.
¿En qué formatos puedo descargar Compose? +
Compose es un vector de estilo outline (viewBox 0 0 32 32). 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 Compose? +
Compose forma parte de la biblioteca Bytesize Icons de Dan Klammer, 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.