outline
outline
MIT
2 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
Badge 3D - Ícones vetoriais e 3D
Fonte, autor e licença aparecem na previa e nos detalhes do ícone. Badge 3D - 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.
bootstrap-regular-badge-3d.svg (1,069 B)
Copia rapida para desenvolvedores e frameworks de UI
Saida de código ao vivo
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-badge-3d" viewBox="0 0 16 16" width="36" height="36" role="img" aria-label="Badge 3D icon"><title>Badge 3D - Bootstrap Icons icon</title><desc>Free Badge 3D vector icon from the Bootstrap Icons open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc> <path d="M4.52 8.368h.664c.646 0 1.055.378 1.06.9.008.537-.427.919-1.086.919-.598-.004-1.037-.325-1.068-.756H3c.03.914.791 1.688 2.153 1.688 1.24 0 2.285-.66 2.272-1.798-.013-.953-.747-1.38-1.292-1.432v-.062c.44-.07 1.125-.527 1.108-1.375-.013-.906-.8-1.57-2.053-1.565-1.31.005-2.043.734-2.074 1.67h1.103c.022-.391.383-.751.936-.751.532 0 .928.33.928.813.004.479-.383.835-.928.835h-.632v.914zm3.606-3.367V11h2.189C12.125 11 13 9.893 13 7.985c0-1.894-.861-2.984-2.685-2.984zm1.187.967h.844c1.112 0 1.621.686 1.621 2.04 0 1.353-.505 2.02-1.621 2.02h-.844z"/> <path d="M14 3a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zM2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2z"/> </svg>
Prompt de IA e melhoria vetorial
Quer melhorar ou mudar o estilo deste ícone? Badge 3D
Gere um prompt de engenharia preciso ou melhore o ícone na tela agora mesmo. Badge 3D
Gerador de prompts 100% no navegador
Verificação de fonte e licença
LICENSE.txt
Library: Bootstrap Icons | Author: The Bootstrap Authors | License: MIT | Sem Cadastro | 100% no Seu Navegador
Palavras-chave
#bootstrap
#regular
#badge
#3d
#interface
#outline
#badge 3d svg
#badge 3d icon
#badge 3d bootstrap icons
#badge 3d react tsx
#badge 3d vue
#badge 3d 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
Badge 3D - Especificações técnicas do vetor
Fonte, autor e licença aparecem na previa e nos detalhes do ícone. Badge 3D
| Identificador canonico do arquivo | bootstrap/bootstrap-regular-badge-3d |
|---|---|
| Pacote da biblioteca de origem | Bootstrap Icons |
| Grade de coordenadas e viewBox | viewBox="0 0 16 16" |
| Peso sem compressão | 1,069 bytes (~588 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: Badge 3D
- 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.
bootstrap-regular-badge-3d.svg aria-hidden="true" focusable="false"
Mais em Interface de utilizador (UI/UX)
Explorar
outline
Outline Square Rotated
Tabler Icons|interface
outline
Light Perspective Light
Phosphor Icons|interface
outline
Outline Square Rounded Check
Tabler Icons|interface
outline
Outline Square Rounded Chevrons Down
Tabler Icons|interface
outline
Outline Square Rounded Chevrons Left
Tabler Icons|interface
Outline Square Rounded Chevrons Right
Tabler Icons|interface
Outline Square Rounded Chevrons Up
Tabler Icons|interface
Light Pi Light
Phosphor Icons|interface
Outline Square Rounded Letter A
Tabler Icons|interface
Light Piano Keys Light
Phosphor Icons|interface
Outline Square Rounded Letter B
Tabler Icons|interfaceExplorar mais
Perguntas frequentes
Badge 3D - Perguntas frequentes
O ícone SVG Badge 3D é gratuito para uso comercial? +
Sim, o ícone Badge 3D da coleção Bootstrap Icons tem licença MIT e pode ser usado gratuitamente em projetos comerciais.
O ícone Badge 3D mantém suas cores originais no download? +
Sim, Badge 3D preserva suas cores padrão a menos que você selecione uma nova cor no editor.
Como uso o ícone Badge 3D 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 Badge 3D como PNG transparente? +
Sim, escolha um tamanho até 2048 px e clique em Baixar PNG.
Como animo o ícone Badge 3D com CSS? +
Selecione uma animação no editor ao vivo para incluir automaticamente os keyframes CSS.
Posso gerar um prompt de IA para Badge 3D? +
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 Badge 3D sem perder qualidade? +
Sim. O arquivo Badge 3D e um vetor com viewBox escalavel: fica nitido em 16px, 64px, 512px ou na impressão.
Onde informo um problema com o arquivo Badge 3D? +
Escreva para support@svgnexus.com com o endereco do ícone. Dúvidas de licença sobre Badge 3D 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.