outline
3d
MIT
18 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
código - Ícones vetoriais e 3D
Fonte, autor e licença aparecem na previa e nos detalhes do ícone. código - 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.
code.svg (3,712 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 256 256" role="img" aria-label="Code 3D icon" width="36" height="36"><title>Code</title><defs><linearGradient id="nx21057_code-1" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#7dd3fc"/><stop offset="1" stop-color="#22d3ee"/></linearGradient><radialGradient id="nx21057_code-2" cx="0.5" cy="0.5" r="0.5" fx="0.5" fy="0.5"><stop offset="0" stop-color="#000" stop-opacity="0.28"/><stop offset="1" stop-color="#000" stop-opacity="0"/></radialGradient><linearGradient id="nx21057_code-3" x1="0.1" y1="0" x2="0.9" y2="1"><stop offset="0" stop-color="#99a0aa"/><stop offset="0.45" stop-color="#334155"/><stop offset="1" stop-color="#232c3a"/></linearGradient><linearGradient id="nx21057_code-4" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#fff" stop-opacity="0.6"/><stop offset="0.5" stop-color="#fff" stop-opacity="0"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient></defs><ellipse cx="128" cy="230" rx="82" ry="9" fill="url(#nx21057_code-2)"/><path d="M78,46H178A44,44 0 0 1 222,90V162A44,44 0 0 1 178,206H78A44,44 0 0 1 34,162V90A44,44 0 0 1 78,46Z" transform="translate(5.6 14)" fill="#1e2631" stroke="#1e2631" stroke-width="2" stroke-linejoin="round"/><path d="M78,46H178A44,44 0 0 1 222,90V162A44,44 0 0 1 178,206H78A44,44 0 0 1 34,162V90A44,44 0 0 1 78,46Z" transform="translate(4.8 12)" fill="#1e2631" stroke="#1e2631" stroke-width="2" stroke-linejoin="round"/><path d="M78,46H178A44,44 0 0 1 222,90V162A44,44 0 0 1 178,206H78A44,44 0 0 1 34,162V90A44,44 0 0 1 78,46Z" transform="translate(4 10)" fill="#1e2631" stroke="#1e2631" stroke-width="2" stroke-linejoin="round"/><path d="M78,46H178A44,44 0 0 1 222,90V162A44,44 0 0 1 178,206H78A44,44 0 0 1 34,162V90A44,44 0 0 1 78,46Z" transform="translate(3.2 8)" fill="#1e2631" stroke="#1e2631" stroke-width="2" stroke-linejoin="round"/><path d="M78,46H178A44,44 0 0 1 222,90V162A44,44 0 0 1 178,206H78A44,44 0 0 1 34,162V90A44,44 0 0 1 78,46Z" transform="translate(2.4 6)" fill="#1e2631" stroke="#1e2631" stroke-width="2" stroke-linejoin="round"/><path d="M78,46H178A44,44 0 0 1 222,90V162A44,44 0 0 1 178,206H78A44,44 0 0 1 34,162V90A44,44 0 0 1 78,46Z" transform="translate(1.6 4)" fill="#1e2631" stroke="#1e2631" stroke-width="2" stroke-linejoin="round"/><path d="M78,46H178A44,44 0 0 1 222,90V162A44,44 0 0 1 178,206H78A44,44 0 0 1 34,162V90A44,44 0 0 1 78,46Z" transform="translate(0.8 2)" fill="#1e2631" stroke="#1e2631" stroke-width="2" stroke-linejoin="round"/><path d="M78,46H178A44,44 0 0 1 222,90V162A44,44 0 0 1 178,206H78A44,44 0 0 1 34,162V90A44,44 0 0 1 78,46Z" fill="url(#nx21057_code-3)"/><path d="M78,46H178A44,44 0 0 1 222,90V162A44,44 0 0 1 178,206H78A44,44 0 0 1 34,162V90A44,44 0 0 1 78,46Z" fill="url(#nx21057_code-4)"/><path d="M106,96L74,128L106,160" fill="none" stroke="#0891b2" stroke-width="16" stroke-linecap="round" stroke-linejoin="round" opacity=".5" transform="translate(0 5)"/><path d="M150,96L182,128L150,160" fill="none" stroke="#0891b2" stroke-width="16" stroke-linecap="round" stroke-linejoin="round" opacity=".5" transform="translate(0 5)"/><path d="M138,88L118,168" fill="none" stroke="#0891b2" stroke-width="16" stroke-linecap="round" stroke-linejoin="round" opacity=".5" transform="translate(0 5)"/><path d="M106,96L74,128L106,160" fill="none" stroke="url(#nx21057_code-1)" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/><path d="M150,96L182,128L150,160" fill="none" stroke="url(#nx21057_code-1)" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/><path d="M138,88L118,168" fill="none" stroke="url(#nx21057_code-1)" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/></svg>
Prompt de IA e melhoria vetorial
Quer melhorar ou mudar o estilo deste ícone? código
Gere um prompt de engenharia preciso ou melhore o ícone na tela agora mesmo. código
Gerador de prompts 100% no navegador
Verificação de fonte e licença
LICENSE.txt
Library: 3D Vector Icons | Author: SVG Nexus 3D Studio | License: MIT | Sem Cadastro | 100% no Seu Navegador
Palavras-chave
#code
#3d
#svg
#icons
#código svg
#código icon
#código 3d vector icons
#código react tsx
#código vue
#código 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
código - Especificações técnicas do vetor
Fonte, autor e licença aparecem na previa e nos detalhes do ícone. código
| Identificador canonico do arquivo | 3d-svg-icons/code |
|---|---|
| Pacote da biblioteca de origem | 3D Vector Icons |
| Grade de coordenadas e viewBox | viewBox="0 0 256 256" |
| Peso sem compressão | 3,712 bytes (~2,042 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: código
- 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.
code.svg aria-hidden="true" focusable="false"
Correspondencias em outras bibliotecas ("code")
Compare este ícone com outras bibliotecas vetoriais de código aberto.
Mais em Ícones vetoriais 3D
Explorar
3d
Profile 3d Sec Audited Lvl1 15
3D Vector Icons|3d-icons
3d
Profile 3d Sec Audited Lvl1 25
3D Vector Icons|3d-icons
3d
Profile 3d Sec Audited Lvl1 35
3D Vector Icons|3d-icons
3d
Profile 3d Sec Audited Lvl1 45
3D Vector Icons|3d-icons
3d
Profile 3d Sec Fido2 Lvl2 6
3D Vector Icons|3d-icons
3d
Profile 3d Sec Fido2 Lvl2 16
3D Vector Icons|3d-icons
Profile 3d Sec Fido2 Lvl2 26
3D Vector Icons|3d-icons
Profile 3d Sec Fido2 Lvl2 36
3D Vector Icons|3d-icons
Profile 3d Sec Fido2 Lvl2 46
3D Vector Icons|3d-icons
Profile 3d Sec Multisig Lvl3 7
3D Vector Icons|3d-icons
Profile 3d Sec Multisig Lvl3 17
3D Vector Icons|3d-icons
Profile 3d Sec Multisig Lvl3 27
3D Vector Icons|3d-iconsExplorar mais
Perguntas frequentes
código - Perguntas frequentes
O ícone SVG código é gratuito para uso comercial? +
Sim, o ícone código da coleção 3D Vector Icons tem licença MIT e pode ser usado gratuitamente em projetos comerciais.
O ícone código mantém suas cores originais no download? +
Sim, código preserva suas cores padrão a menos que você selecione uma nova cor no editor.
Como uso o ícone código 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 código como PNG transparente? +
Sim, escolha um tamanho até 2048 px e clique em Baixar PNG.
Como animo o ícone código com CSS? +
Selecione uma animação no editor ao vivo para incluir automaticamente os keyframes CSS.
Posso gerar um prompt de IA para código? +
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 código sem perder qualidade? +
Sim. O arquivo código e um vetor com viewBox escalavel: fica nitido em 16px, 64px, 512px ou na impressão.
Onde informo um problema com o arquivo código? +
Escreva para support@svgnexus.com com o endereco do ícone. Dúvidas de licença sobre código 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.