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 With Umbrella
La fuente, el autor y la licencia estan en la vista previa y en el detalle del icono. With Umbrella - 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.
mouse-with-umbrella.svg (1.661 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" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" color="currentColor" width="36" height="36" role="img" aria-label="With Umbrella icon"><title>With Umbrella - Mouse icon</title><desc>Free With Umbrella vector icon from the Mouse open-source icon library; outline style, MIT licence, viewBox 0 0 24 24, 1435 bytes.</desc> <g transform="translate(-2.6 3.4) translate(5.04 5.04) scale(0.58)"><path d="M12 20.6C7.4 20.6 4.8 17.4 4.8 12.8C4.8 10.4 5.4 8.4 6.6 7.2C4.4 6.4 3.8 3.4 5.8 2.6C7.8 1.8 9.4 3.2 9.4 5.0C10.2 4.4 11.1 4.2 12 4.2C12.9 4.2 13.8 4.4 14.6 5.0C14.6 3.2 16.2 1.8 18.2 2.6C20.2 3.4 19.6 6.4 17.4 7.2C18.6 8.4 19.2 10.4 19.2 12.8C19.2 17.4 16.6 20.6 12 20.6Z" fill="none"/><circle cx="9.7" cy="10.9" r="0.95" fill="currentColor" stroke="none"/><circle cx="14.3" cy="10.9" r="0.95" fill="currentColor" stroke="none"/><circle cx="12" cy="14.2" r="0.75" fill="currentColor" stroke="none"/><path d="M10.6 16.2C11.4 17.0 12.6 17.0 13.4 16.2" fill="none" stroke-width="1.2"/><path d="M5.4 11.8L2.8 11.0" fill="none" stroke-width="1.1"/><path d="M5.5 13.4L3.0 13.6" fill="none" stroke-width="1.1"/><path d="M18.6 11.8L21.2 11.0" fill="none" stroke-width="1.1"/><path d="M18.5 13.4L21.0 13.6" fill="none" stroke-width="1.1"/></g><path d="M11.4 11.0C11.4 7.6 14.2 4.8 17.6 4.8C21.0 4.8 23.8 7.6 23.8 11.0C22.2 9.6 20.0 8.8 17.6 8.8C15.2 8.8 13.0 9.6 11.4 11.0Z" fill="none" stroke-width="1.5"/><path d="M17.6 4.8V3.0" fill="none" stroke-width="1.2"/><path d="M17.6 11.0V19.6C17.6 20.6 18.4 21.0 19.2 20.6" fill="none" stroke-width="1.4"/> </svg>
Prompt de IA y mejora vectorial
Quieres mejorar o cambiar el estilo de este icono? With Umbrella
Genera un prompt de ingenieria preciso o mejora el icono en el lienzo ahora mismo. With Umbrella
Generador de prompts 100% en el navegador
Verificación de fuente y licencia
LICENSE.txt
Library: Mouse | Author: Mouse Contributors | License: MIT | Sin Registro | 100% en tu Navegador
Palabras clave
#mouse
#with
#umbrella
#interface
#outline
With Umbrella - Especificaciones tecnicas del vector
La fuente, el autor y la licencia estan en la vista previa y en el detalle del icono. With Umbrella
| Identificador canonico del archivo | mouse/mouse-with-umbrella |
|---|---|
| Paquete de biblioteca de origen | Mouse |
| Cuadrícula de coordenadas y viewBox | viewBox="0 0 24 24" |
| Peso sin comprimir | 1.661 bytes (~914 bytes gzipped) |
| Licencia SPDX y uso comercial | MIT - Gratis para uso comercial |
| 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: With Umbrella
- 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.
mouse-with-umbrella.svg aria-hidden="true" focusable="false"
Mas en Interfaz de usuario (UI/UX)
Exploraroutline
Construction Helmet
Domain Icons|interfaceoutline
Construction Road
Domain Icons|interfacesolid
Shoe
MingCute Icons Fill|interfaceoutline
Filetype JS
Bootstrap Icons|interfaceoutline
Filetype Mp4
Bootstrap Icons|interface
Sleigh
MingCute Icons|interface
Social X
MingCute Icons Fill|interface
Arrows Down Up
Tabler Icons|interface
destellos
MingCute Icons|interface
Arrows Shuffle
Tabler Icons|interface
Scissors
Lucide|interface
Assembly
Tabler Icons|interface
Level Nine Title
IconPark|interface
Taipei101
MingCute Icons Fill|interface
Headphones
Bootstrap Icons|interface
Signature
Lucide|interface
Local Pin
IconPark|interface
Traffic Cone
MingCute Icons|interface
Maps Attractions
Material Icons|interface
Align Left
Phosphor Icons|interface
Me
IconPark|interface
Approximate Equals
Phosphor Icons|interface
Square Sparkles
Lucide|interfaceExplorar más
Preguntas frecuentes
With Umbrella - Preguntas frecuentes
¿Qué licencia cubre With Umbrella? +
With Umbrella proviene de Mouse y está cubierto por MIT. Atribución: Crédito obligatorio.
¿En qué formatos puedo descargar With Umbrella? +
With Umbrella es un vector de estilo outline (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 With Umbrella? +
With Umbrella forma parte de la biblioteca Mouse de Mouse Contributors, 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.