outline
outline
MIT
4 nos vetoriais
1. Cor
As cores originais do ícone são mantidas até você escolher uma nova cor.
2. Fundo da tela e transformações
3. Presets de animação vetorial ao vivo
Incluido na exportação SVG
Anim Toggle Switch - Ícones vetoriais e 3D
Fonte, autor e licença aparecem na previa e nos detalhes do ícone. Anim Toggle Switch - Grátis para uso comercial e pessoal. Sem Cadastro | 100% no Seu Navegador
Downloads instantaneos vetoriais e de alta resolucao
As cores originais do ícone são mantidas até você escolher uma nova cor.
anim-toggle-switch.svg (1,454 B)
Copia rapida para desenvolvedores e frameworks de UI
Saida de código ao 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 e melhoria vetorial
Quer melhorar ou mudar o estilo deste ícone? Anim Toggle Switch
Gere um prompt de engenharia preciso ou melhore o ícone na tela agora mesmo. Anim Toggle Switch
Gerador de prompts 100% no navegador
Verificação de fonte e licença
LICENSE.txt
Library: Mouse | Author: Mouse Contributors | License: MIT | Sem Cadastro | 100% no Seu Navegador
Palavras-chave
#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 no seu idioma
ícones svg grátis
baixar ícones vetoriais grátis
conversor svg para png online
editor svg gratuito no navegador
ícones 3d svg
otimizar arquivo svg
componente react svg
animar ícones svg com css
ícones para uso comercial
biblioteca ícones svg
Anim Toggle Switch - Especificações técnicas do vetor
Fonte, autor e licença aparecem na previa e nos detalhes do ícone. Anim Toggle Switch
| Identificador canonico do arquivo | mouse/anim-toggle-switch |
|---|---|
| Pacote da biblioteca de origem | Mouse |
| Grade de coordenadas e viewBox | viewBox="0 0 48 48" |
| Peso sem compressão | 1,454 bytes (~800 bytes gzipped) |
| Licença SPDX e uso comercial | MIT - Grátis para uso comercial |
| Formatos de exportação aceitos | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| Garantia de segurança e privacidade | Sem Cadastro | 100% no Seu Navegador |
Como usar e personalizar este ícone: Anim Toggle Switch
- Personalize visualmente: Cor, Automatico (traço e preenchimento), Espessura do traço (
0.5px-4px), Presets de animação vetorial ao vivo - Baixe o vetor ou a imagem: Descarregar SVG, PNG (transparente), WebP (otimizado) (
2048x2048 px) - Copie o código do framework: Copie código pronto para React, Next.js, Vue 3, Svelte, Angular, HTML e mascaras CSS.
- Edição vetorial avancada: Editar no editor SVG (76,166)
Dica de acessibilidade (WCAG 2.1): Oculte ícones decorativos com aria-hidden e focusable false. De um aria-label claro para botoes com apenas ícone. Espelhe setas na horizontal para idiomas da direita para a esquerda.
anim-toggle-switch.svg aria-hidden="true" focusable="false"
Mais em Interface de utilizador (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 mais
Perguntas frequentes
Anim Toggle Switch - Perguntas frequentes
O ícone SVG Anim Toggle Switch é gratuito para uso comercial? +
Sim, o ícone Anim Toggle Switch da coleção Mouse tem licença MIT e pode ser usado gratuitamente em projetos comerciais.
O ícone Anim Toggle Switch mantém suas cores originais no download? +
Sim, Anim Toggle Switch preserva suas cores padrão a menos que você selecione uma nova cor no editor.
Como uso o ícone Anim Toggle Switch no React ou Vue? +
Abra a aba React TSX ou Vue 3 nesta pagina e clique em Copy SVG. Cole o componente no seu projeto e aplique estilo com CSS ou Tailwind.
Posso baixar Anim Toggle Switch como PNG transparente? +
Sim, escolha um tamanho até 2048 px e clique em Baixar PNG.
Como animo o ícone Anim Toggle Switch com CSS? +
Selecione uma animação no editor ao vivo para incluir automaticamente os keyframes CSS.
Posso gerar um prompt de IA para Anim Toggle Switch? +
Sim, use o gerador de prompts de IA nesta página para criar uma descrição em estilo 3D, Vidro ou Neon.
Posso redimensionar o ícone Anim Toggle Switch sem perder qualidade? +
Sim. O arquivo Anim Toggle Switch e um vetor com viewBox escalavel: fica nitido em 16px, 64px, 512px ou na impressão.
Onde informo um problema com o arquivo Anim Toggle Switch? +
Escreva para support@svgnexus.com com o endereco do ícone. Dúvidas de licença sobre Anim Toggle Switch vao para legal@svgnexus.com.
100% no Seu Navegador | 76,166 ícones
Editor SVG
Edite caminhos, camadas, cores e animações no navegador e exporte SVG limpo, PNG ou código de framework.