solid
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
Ícone SVG de Toggle On
Fonte, autor e licença aparecem na previa e nos detalhes do ícone. Toggle On - 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.
material-round-toggle-toggle-toggle-on.svg (525 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 24 24" width="36" height="36" fill="currentColor" role="img" aria-label="Toggle On icon"><title>Toggle On - Material Icons icon</title><desc>Free Toggle On vector icon from the Material Icons open-source icon library; outline style, Apache-2.0 licence, viewBox 0 0 24 24, 266 bytes.</desc><path d="M0 0h24v24H0z" fill="none"/><path d="M17 7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h10c2.76 0 5-2.24 5-5s-2.24-5-5-5zm0 8c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3z"/></svg>
Prompt de IA e melhoria vetorial
Quer melhorar ou mudar o estilo deste ícone? Toggle On
Gere um prompt de engenharia preciso ou melhore o ícone na tela agora mesmo. Toggle On
Gerador de prompts 100% no navegador
Verificação de fonte e licença
LICENSE.txt
Library: Material Icons | Author: Google LLC | License: Apache-2.0 | Source: https://github.com/google/material-design-icons | Sem Cadastro | 100% no Seu Navegador
Palavras-chave
#material
#round
#toggle
#on
#interface
#outline
Toggle On - Especificações técnicas do vetor
Fonte, autor e licença aparecem na previa e nos detalhes do ícone. Toggle On
| Identificador canonico do arquivo | material/material-round-toggle-toggle-toggle-on |
|---|---|
| Pacote da biblioteca de origem | Material Icons |
| Grade de coordenadas e viewBox | viewBox="0 0 24 24" |
| Peso sem compressão | 525 bytes (~289 bytes gzipped) |
| Licença SPDX e uso comercial | Apache-2.0 - Grátis para uso comercial |
| Upstream Source | https://github.com/google/material-design-icons |
| 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: Toggle On
- 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.
material-round-toggle-toggle-toggle-on.svg aria-hidden="true" focusable="false"
Mais em Interface de utilizador (UI/UX)
Exploraroutline
Pets Dog
Domain Icons|interfaceoutline
Friends
Tabler Icons|interfaceoutline
Geometry
Tabler Icons|interfacesolid
Files
Phosphor Icons|interfacesolid
Floppy Disk
Phosphor Icons|interface
Hanger
Tabler Icons|interface
Productivity Spark
Domain Icons|interface
Public Services Water
Domain Icons|interface
Add Circle
Fluent UI Color|interface
Americanexpress
SVG Icons Collection|interface
Air Condition
MingCute Icons|interface
Open Iconic|interface
Align Left
MingCute Icons|interface
Calculator
Open Iconic|interface
Android
MingCute Icons Fill|interface
Anticlockwise Alt
MingCute Icons Fill|interface
Appstore
MingCute Icons Fill|interface
Align Text Left One
IconPark|interface
Funnel Plot
Ant Design TwoTone|interface
Alignment Bottom Left
IconPark|interface
café
SVG Icons Collection|interface
Alignment Top Center
IconPark|interface
Dart
SVG Icons Collection|interfaceExplorar mais
Perguntas frequentes
Toggle On - Perguntas frequentes
Que licença cobre Toggle On? +
Toggle On vem de Material Icons e está coberto por Apache-2.0. Atribuição: Credito obrigatorio.
Em que formatos posso baixar Toggle On? +
Toggle On é um vetor de estilo outline (viewBox 0 0 24 24). Baixe SVG, PNG, WebP ou ICO, ou copie código React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask ou Base64 nesta página.
De onde vem o ícone Toggle On? +
Toggle On faz parte da biblioteca Material Icons de Google LLC, na categoria Interface de utilizador (UI/UX). O texto completo da licença está no arquivo de aviso da biblioteca vinculado nesta página.
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.