As cores originais do ícone são mantidas até você escolher uma nova cor.
Sign Out - Ícones vetoriais e 3D
Fonte, autor e licença aparecem na previa e nos detalhes do ícone. Sign Out - Grátis para uso comercial e pessoal. Sem Cadastro | 100% no Seu Navegador
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" width="36" height="36" role="img" aria-label="Sign Out icon"><title>Sign Out - Phosphor Icons icon</title><desc>Free Sign Out vector icon from the Phosphor Icons open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc><path d="M224,56V200a16,16,0,0,1-16,16H48V40H208A16,16,0,0,1,224,56Z" opacity="0.2"/><path d="M120,216a8,8,0,0,1-8,8H48a8,8,0,0,1-8-8V40a8,8,0,0,1,8-8h64a8,8,0,0,1,0,16H56V208h56A8,8,0,0,1,120,216Zm109.66-93.66-40-40a8,8,0,0,0-11.32,11.32L204.69,120H112a8,8,0,0,0,0,16h92.69l-26.35,26.34a8,8,0,0,0,11.32,11.32l40-40A8,8,0,0,0,229.66,122.34Z"/></svg>
Quer melhorar ou mudar o estilo deste ícone? Sign Out
Gere um prompt de engenharia preciso ou melhore o ícone na tela agora mesmo. Sign Out
Library: Phosphor Icons | Author: Helena Zhang & Toby Fried | License: MIT | Sem Cadastro | 100% no Seu Navegador
Sign Out - Especificações técnicas do vetor
Fonte, autor e licença aparecem na previa e nos detalhes do ícone. Sign Out
| Identificador canonico do arquivo | phosphor/phosphor-duotone-sign-out-duotone |
|---|---|
| Pacote da biblioteca de origem | Phosphor Icons |
| Grade de coordenadas e viewBox | viewBox="0 0 256 256" |
| Peso sem compressão | 678 bytes (~373 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: Sign Out
- 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)
phosphor-duotone-sign-out-duotone.svg aria-hidden="true" focusable="false"
Mais em Interface de utilizador (UI/UX)
ExplorarText Message
IconPark|interfaceOutlined Action Action Http
Material Icons|interfaceDuotone Link Break Duotone
Phosphor Icons|interfaceText Recognition
IconPark|interfaceOutlined Action Action Https
Material Icons|interfaceDuotone Link Duotone
Phosphor Icons|interfaceText Rotation Down
IconPark|interfaceOutlined Action Action Important Devices
Material Icons|interfaceDuotone Link Simple Break Duotone
Phosphor Icons|interfaceText Rotation Left
IconPark|interfaceOutlined Action Action Info
Material Icons|interfaceExplorar mais
Sign Out - Perguntas frequentes
O ícone SVG Sign Out é gratuito para uso comercial? +
Sim, o ícone Sign Out da coleção Phosphor Icons tem licença MIT e pode ser usado gratuitamente em projetos comerciais.
O ícone Sign Out mantém suas cores originais no download? +
Sim, Sign Out preserva suas cores padrão a menos que você selecione uma nova cor no editor.
Como uso o ícone Sign Out 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 Sign Out como PNG transparente? +
Sim, escolha um tamanho até 2048 px e clique em Baixar PNG.
Como animo o ícone Sign Out com CSS? +
Selecione uma animação no editor ao vivo para incluir automaticamente os keyframes CSS.
Posso gerar um prompt de IA para Sign Out? +
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 Sign Out sem perder qualidade? +
Sim. O arquivo Sign Out e um vetor com viewBox escalavel: fica nitido em 16px, 64px, 512px ou na impressão.
Onde informo um problema com o arquivo Sign Out? +
Escreva para support@svgnexus.com com o endereco do ícone. Dúvidas de licença sobre Sign Out vao para legal@svgnexus.com.
Editor SVG
Edite caminhos, camadas, cores e animações no navegador e exporte SVG limpo, PNG ou código de framework.