outline
outline
Apache-2.0
6 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
Source Code - Ícones vetoriais e 3D
Fonte, autor e licença aparecem na previa e nos detalhes do ícone. Source Code - 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.
source-code.svg (1,034 B)
Copia rapida para desenvolvedores e frameworks de UI
Saida de código ao vivo
<svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" width="36" height="36" role="img" aria-label="Source Code icon"><title>Source Code - IconPark icon</title><desc>Free Source Code vector icon from the IconPark open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc> <path d="M23 40H7C5.34315 40 4 38.6569 4 37V11C4 9.34315 5.34315 8 7 8H41C42.6569 8 44 9.34315 44 11V25.8824" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M4 11C4 9.34315 5.34315 8 7 8H41C42.6569 8 44 9.34315 44 11V20H4V11Z" fill="#2F88FF" stroke="black" stroke-width="4"/> <path d="M34 33L30 37L34 41" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M40 33L44 37L40 41" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <circle r="2" transform="matrix(-1.31134e-07 -1 -1 1.31134e-07 10 14)" fill="white"/> <circle r="2" transform="matrix(-1.31134e-07 -1 -1 1.31134e-07 16 14)" fill="white"/> </svg>
Prompt de IA e melhoria vetorial
Quer melhorar ou mudar o estilo deste ícone? Source Code
Gere um prompt de engenharia preciso ou melhore o ícone na tela agora mesmo. Source Code
Gerador de prompts 100% no navegador
Verificação de fonte e licença
LICENSE.txt
Library: IconPark | Author: ByteDance Inc. | License: Apache-2.0 | Sem Cadastro | 100% no Seu Navegador
Palavras-chave
#source
#code
#iconpark
#interface
#outline
#source code svg
#source code icon
#source code iconpark
#source code react tsx
#source code vue
#source code 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
Source Code - Especificações técnicas do vetor
Fonte, autor e licença aparecem na previa e nos detalhes do ícone. Source Code
| Identificador canonico do arquivo | iconpark/source-code |
|---|---|
| Pacote da biblioteca de origem | IconPark |
| Grade de coordenadas e viewBox | viewBox="0 0 48 48" |
| Peso sem compressão | 1,034 bytes (~569 bytes gzipped) |
| Licença SPDX e uso comercial | Apache-2.0 - 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: Source Code
- 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.
source-code.svg aria-hidden="true" focusable="false"
Mais em Interface de utilizador (UI/UX)
Explorar
outline
Bold Trademark Bold
Phosphor Icons|interface
outline
Outline Artboard Off
Tabler Icons|interface
outline
Layout Three
IconPark|interface
outline
Outline Screen Share
Lucide|interface
outline
Stop
MingCute Icons|interface
Stop
MingCute Icons Fill|interface
Bold Trademark Registered Bold
Phosphor Icons|interface
Outline Artboard
Tabler Icons|interface
Layout Two
IconPark|interface
Outline Scroll Text
Lucide|interface
Stopwatch 2 Off
MingCute Icons|interfaceExplorar mais
Perguntas frequentes
Source Code - Perguntas frequentes
O ícone SVG Source Code é gratuito para uso comercial? +
Sim, o ícone Source Code da coleção IconPark tem licença Apache-2.0 e pode ser usado gratuitamente em projetos comerciais.
O ícone Source Code mantém suas cores originais no download? +
Sim, Source Code preserva suas cores padrão a menos que você selecione uma nova cor no editor.
Como uso o ícone Source Code 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 Source Code como PNG transparente? +
Sim, escolha um tamanho até 2048 px e clique em Baixar PNG.
Como animo o ícone Source Code com CSS? +
Selecione uma animação no editor ao vivo para incluir automaticamente os keyframes CSS.
Posso gerar um prompt de IA para Source Code? +
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 Source Code sem perder qualidade? +
Sim. O arquivo Source Code e um vetor com viewBox escalavel: fica nitido em 16px, 64px, 512px ou na impressão.
Onde informo um problema com o arquivo Source Code? +
Escreva para support@svgnexus.com com o endereco do ícone. Dúvidas de licença sobre Source Code 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.