outline
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
Ícone SVG de código
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.
Pacote com créditos
phosphor-thin-code-thin.svg (708 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" fill="currentColor" width="36" height="36" role="img" aria-label="Code icon"><title>Code - Phosphor Icons icon</title><desc>Free Code vector icon from the Phosphor Icons open-source icon library; outline style, MIT licence, viewBox 0 0 256 256, 466 bytes.</desc><path d="M66.56,91.07,22.25,128l44.31,36.93A4,4,0,0,1,64,172a3.94,3.94,0,0,1-2.56-.93l-48-40a4,4,0,0,1,0-6.14l48-40a4,4,0,0,1,5.12,6.14Zm176,33.86-48-40a4,4,0,1,0-5.12,6.14L233.75,128l-44.31,36.93a4,4,0,1,0,5.12,6.14l48-40a4,4,0,0,0,0-6.14ZM161.37,36.24a4,4,0,0,0-5.13,2.39l-64,176a4,4,0,0,0,2.39,5.13A4.12,4.12,0,0,0,96,220a4,4,0,0,0,3.76-2.63l64-176A4,4,0,0,0,161.37,36.24Z"/></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: Phosphor Icons | Author: Helena Zhang & Toby Fried | License: MIT | Source: https://github.com/phosphor-icons/core | Sem Cadastro | 100% no Seu Navegador
Palavras-chave
#phosphor
#thin
#code
#development
#outline
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 | phosphor/phosphor-thin-code-thin |
|---|---|
| Pacote da biblioteca de origem | Phosphor Icons |
| Grade de coordenadas e viewBox | viewBox="0 0 256 256" |
| Peso sem compressão | 708 bytes (~389 bytes gzipped) |
| Licença SPDX e uso comercial | MIT - Grátis para uso comercial |
| Upstream Source | https://github.com/phosphor-icons/core |
| 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 (77.087)
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.
phosphor-thin-code-thin.svg aria-hidden="true" focusable="false"
Correspondencias em outras bibliotecas ("código")
Compare este ícone com outras bibliotecas vetoriais de código aberto.
Mais em Programação e desenvolvimento
Exploraroutline
código
Bytesize Icons|interfaceoutline
código
Open Iconic|interfaceoutline
código
MingCute Icons|interfacesolid
código
MingCute Icons Fill|interfaceoutline
código
IconPark|interfacebrand
código
Dashboard Icons|brands
código
3D Vector Icons|3d-icons
Code
Fluent UI Color|development
Code Block
Fluent UI Color|development
Code Dev Sample
SVG Icons Collection|development
Action Code Off
Material Icons|development
Code Bracket Square
Heroicons|development
Code Bracket
Heroicons|development
File Code
Bootstrap Icons|development
File Earmark Code
Bootstrap Icons|development
Code Circle
Tabler Icons|development
Code Circle
Tabler Icons|development
Code Editor
OpenMoji|development
Code XML
Lucide|development
Code Brackets
IconPark|development
Code Cademy Dark
Dashboard Icons|development
File Code Corner
Lucide|development
Communication QR Code
Material Icons|development
Code Dev Sample
3D Vector Icons|developmentExplorar mais
Perguntas frequentes
código - Perguntas frequentes
Que licença cobre código? +
código vem de Phosphor Icons e está coberto por MIT. Atribuição: Credito obrigatorio.
Em que formatos posso baixar código? +
código é um vetor de estilo outline (viewBox 0 0 256 256). 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 código? +
código faz parte da biblioteca Phosphor Icons de Helena Zhang & Toby Fried, na categoria Programação e desenvolvimento. O texto completo da licença está no arquivo de aviso da biblioteca vinculado nesta página.
100% no Seu Navegador | 77.087 ícones
Editor SVG
Edite caminhos, camadas, cores e animações no navegador e exporte SVG limpo, PNG ou código de framework.