As cores originais do ícone são mantidas até você escolher uma nova cor.
Ícone SVG de fechar
Fonte, autor e licença aparecem na previa e nos detalhes do ícone. fechar - Grátis para uso comercial e pessoal. Sem Cadastro | 100% no Seu Navegador
<svg id="i-close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="36" height="36" role="img" aria-label="Close icon"><title>Close - Bytesize Icons icon</title><desc>Free Close vector icon from the Bytesize Icons open-source icon library; outline style, MIT licence, viewBox 0 0 32 32, 242 bytes.</desc>
<path d="M2 30 L30 2 M30 30 L2 2" />
</svg>
Quer melhorar ou mudar o estilo deste ícone? fechar
Gere um prompt de engenharia preciso ou melhore o ícone na tela agora mesmo. fechar
Library: Bytesize Icons | Author: Dan Klammer | License: MIT | Source: https://github.com/danklammer/bytesize-icons | Sem Cadastro | 100% no Seu Navegador
fechar - Especificações técnicas do vetor
Fonte, autor e licença aparecem na previa e nos detalhes do ícone. fechar
| Identificador canonico do arquivo | bytesize/close |
|---|---|
| Pacote da biblioteca de origem | Bytesize Icons |
| Grade de coordenadas e viewBox | viewBox="0 0 32 32" |
| Peso sem compressão | 462 bytes (~254 bytes gzipped) |
| Licença SPDX e uso comercial | MIT - Grátis para uso comercial |
| Upstream Source | https://github.com/danklammer/bytesize-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: fechar
- 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)
close.svg aria-hidden="true" focusable="false"
Correspondencias em outras bibliotecas ("fechar")
Compare este ícone com outras bibliotecas vetoriais de código aberto.
Mais em Interface de utilizador (UI/UX)
Explorarfechar
MingCute Icons|interfacefechar
MingCute Icons Fill|interfacefechar
IconPark|interfacefechar
3D Vector Icons|3d-iconsEditor Border Top
Material Icons|interfaceEditor Format Strikethrough
Material Icons|interfaceEditor Rectangle
Material Icons|interfaceWindmill
Phosphor Icons|interfaceArrows Vertical
Phosphor Icons|interfaceCalendar Check
Phosphor Icons|interfaceAbs
MingCute Icons|interfaceAccessibility Access
Domain Icons|interfaceAnthropic
SVG Icons Collection|interfaceAlign Box Bottom Left
Tabler Icons|interfaceAlign Start Horizontal
Lucide|interfaceCopyright
Ant Design TwoTone|interfaceBritish Pound
Open Iconic|interfaceBackpack
Bootstrap Icons|interfaceBread
SVG Icons Collection|interfaceCaddy
SVG Icons Collection|interfaceCollapse Down
Open Iconic|interfaceData Line
Fluent UI Color|interfaceData Transfer Upload
Open Iconic|interfaceAsterisk
MingCute Icons|interfaceExplorar mais
fechar - Perguntas frequentes
Que licença cobre fechar? +
fechar vem de Bytesize Icons e está coberto por MIT. Atribuição: Credito obrigatorio.
Em que formatos posso baixar fechar? +
fechar é um vetor de estilo outline (viewBox 0 0 32 32). 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 fechar? +
fechar faz parte da biblioteca Bytesize Icons de Dan Klammer, na categoria Interface de utilizador (UI/UX). O texto completo da licença está no arquivo de aviso da biblioteca vinculado nesta página.
Editor SVG
Edite caminhos, camadas, cores e animações no navegador e exporte SVG limpo, PNG ou código de framework.