outline
outline
MIT
4 nodos vectoriales
1. Color
Los colores originales del icono se mantienen hasta que elijas un color nuevo.
2. Fondo del lienzo y transformaciones
3. Ajustes de animacion vectorial en vivo
Incluido en la exportacion SVG
Anim Toggle Switch - Iconos vectoriales y 3D
La fuente, el autor y la licencia estan en la vista previa y en el detalle del icono. Anim Toggle Switch - Gratis para uso comercial y personal. Sin Registro | 100% en tu Navegador
Descargas instantaneas vectoriales y de alta resolucion
Los colores originales del icono se mantienen hasta que elijas un color nuevo.
anim-toggle-switch.svg (1,454 B)
Copia rapida para desarrolladores y frameworks de interfaz
Salida de codigo en vivo
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="none" width="36" height="36" role="img" aria-label="Anim Toggle Switch icon"><title>Anim Toggle Switch - Mouse icon</title><desc>Free Anim Toggle Switch vector icon from the Mouse open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc>
<style>@keyframes mn45-knob{0,18%{transform:translateX(0)}46,72%{transform:translateX(15px)}100%{transform:translateX(0)}}@keyframes mn45-track{0,18%{opacity:.14}46,72%{opacity:.42}100%{opacity:.14}}.nx5105_mn45-k{animation:mn45-knob 2s cubic-bezier(.5,0,.4,1) infinite}.nx5105_mn45-t{animation:mn45-track 2s ease-in-out infinite}@media (prefers-reduced-motion: reduce){*{animation:none!important}}</style><g class="nx5105_mn45-t"><path d="M17 16H31A8 8 0 0 1 39 24V24A8 8 0 0 1 31 32H17A8 8 0 0 1 9 24V24A8 8 0 0 1 17 16Z" fill="currentColor" fill-opacity="1.0"/></g><path d="M17 16H31A8 8 0 0 1 39 24V24A8 8 0 0 1 31 32H17A8 8 0 0 1 9 24V24A8 8 0 0 1 17 16Z" fill="none" stroke="currentColor" stroke-width="2.0" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 19.6H31A4.4 4.4 0 0 1 35.4 24V24A4.4 4.4 0 0 1 31 28.4H17A4.4 4.4 0 0 1 12.6 24V24A4.4 4.4 0 0 1 17 19.6Z" fill="none" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/><g class="nx5105_mn45-k"><path d="M11.8 24a5.2 5.2 0 1 0 10.4 0a5.2 5.2 0 1 0 -10.4 0Z" fill="currentColor" fill-opacity="1.0"/></g>
</svg>
Prompt de IA y mejora vectorial
Quieres mejorar o cambiar el estilo de este icono? Anim Toggle Switch
Genera un prompt de ingenieria preciso o mejora el icono en el lienzo ahora mismo. Anim Toggle Switch
Generador de prompts 100% en el navegador
Verificacion de fuente y licencia
LICENSE.txt
Library: Mouse | Author: Mouse Contributors | License: MIT | Sin Registro | 100% en tu Navegador
Palabras clave
#anim
#toggle
#switch
#mouse
#interface
#outline
#anim toggle switch svg
#anim toggle switch icon
#anim toggle switch mouse
#anim toggle switch react tsx
#anim toggle switch vue
#anim toggle switch png
Popular en tu idioma
iconos svg gratis
descargar iconos vectoriales gratis
convertir svg a png online
editor svg gratis en el navegador
iconos 3d svg
optimizar archivos svg
componentes react svg
animar iconos svg con css
iconos para uso comercial
biblioteca iconos svg
Anim Toggle Switch - Especificaciones tecnicas del vector
La fuente, el autor y la licencia estan en la vista previa y en el detalle del icono. Anim Toggle Switch
| Identificador canonico del archivo | mouse/anim-toggle-switch |
|---|---|
| Paquete de biblioteca de origen | Mouse |
| Cuadricula de coordenadas y viewBox | viewBox="0 0 48 48" |
| Peso sin comprimir | 1,454 bytes (~800 bytes gzipped) |
| Licencia SPDX y uso comercial | MIT - Gratis para uso comercial |
| Formatos de exportacion 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: Anim Toggle Switch
- Personaliza visualmente: Color, Automatico (trazo y relleno), Grosor del trazo (
0.5px-4px), Ajustes de animacion vectorial en vivo - Descarga el vector o la imagen: Descargar SVG, PNG (transparente), WebP (optimizado) (
2048x2048 px) - Copia el codigo del framework: Copia codigo listo para React, Next.js, Vue 3, Svelte, Angular, HTML y mascaras CSS.
- Edicion vectorial profunda: Editar en el editor SVG (76,166)
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.
anim-toggle-switch.svg aria-hidden="true" focusable="false"
Mas en Interfaz de usuario (UI/UX)
Explorar
solid
Filled Ear Fill
Bootstrap Icons|interface
solid
16px Solid Queue List
Heroicons|interface
outline
Block Ten
IconPark|interface
solid
Filled Action Action Outgoing Mail
Material Icons|interface
outline
Camcorder
MingCute Icons|interface
Camcorder
MingCute Icons Fill|interface
Donkey
Mouse|interface
Bold Calendar Blank Bold
Phosphor Icons|interface
Kofi
SVG Icons Collection|interface
Filled Easel Fill
Bootstrap Icons|interface
16px Solid Radio
Heroicons|interfaceExplorar más
Preguntas frecuentes
Anim Toggle Switch - Preguntas frecuentes
¿El icono SVG Anim Toggle Switch es gratis para uso comercial? +
Sí, el icono Anim Toggle Switch de la colección Mouse tiene licencia MIT y puede usarse gratis en proyectos comerciales.
¿El icono Anim Toggle Switch mantiene sus colores originales al descargarlo? +
Sí, Anim Toggle Switch conserva sus colores por defecto a menos que selecciones un color nuevo en el editor.
¿Cómo uso el icono Anim Toggle Switch en React o Vue? +
Abre la pestana React TSX o Vue 3 en esta pagina y pulsa Copy SVG. Pega el componente en tu proyecto y dale estilo con CSS o Tailwind.
¿Puedo descargar Anim Toggle Switch como PNG transparente? +
Sí, elige un tamaño hasta 2048 px y pulsa Descargar PNG.
¿Cómo animo el icono Anim Toggle Switch con CSS? +
Selecciona una animación en el editor en vivo para incluir automáticamente los keyframes CSS.
¿Puedo generar un prompt de IA para Anim Toggle Switch? +
Sí, usa el generador de prompts IA en esta página para crear una descripción en estilo 3D, Cristal o Neón.
Puedo cambiar el tamano del icono Anim Toggle Switch sin perder calidad? +
Si. El archivo Anim Toggle Switch es un vector con viewBox escalable, asi que se mantiene nitido a 16px, 64px, 512px o en impresion.
Donde informo un problema con el archivo Anim Toggle Switch? +
Escribe a support@svgnexus.com con la direccion del icono. Las dudas de licencia sobre Anim Toggle Switch van a legal@svgnexus.com.
100% en tu Navegador | 76,166 iconos
Editor SVG
Edita rutas, capas, colores y animaciones en tu navegador y exporta SVG limpio, PNG o codigo para frameworks.