As cores originais do ícone são mantidas até você escolher uma nova cor.
Journal Code - Ícones vetoriais e 3D
Fonte, autor e licença aparecem na previa e nos detalhes do ícone. Journal Code - Grátis para uso comercial e pessoal. Sem Cadastro | 100% no Seu Navegador
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-journal-code" viewBox="0 0 16 16" width="36" height="36" role="img" aria-label="Journal Code icon"><title>Journal Code - Bootstrap Icons icon</title><desc>Free Journal Code vector icon from the Bootstrap Icons open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc> <path fill-rule="evenodd" d="M8.646 5.646a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1 0 .708l-2 2a.5.5 0 0 1-.708-.708L10.293 8 8.646 6.354a.5.5 0 0 1 0-.708m-1.292 0a.5.5 0 0 0-.708 0l-2 2a.5.5 0 0 0 0 .708l2 2a.5.5 0 0 0 .708-.708L5.707 8l1.647-1.646a.5.5 0 0 0 0-.708"/> <path d="M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2"/> <path d="M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1z"/> </svg>
Quer melhorar ou mudar o estilo deste ícone? Journal Code
Gere um prompt de engenharia preciso ou melhore o ícone na tela agora mesmo. Journal Code
Library: Bootstrap Icons | Author: The Bootstrap Authors | License: MIT | Sem Cadastro | 100% no Seu Navegador
Journal Code - Especificações técnicas do vetor
Fonte, autor e licença aparecem na previa e nos detalhes do ícone. Journal Code
| Identificador canonico do arquivo | bootstrap/bootstrap-regular-journal-code |
|---|---|
| Pacote da biblioteca de origem | Bootstrap Icons |
| Grade de coordenadas e viewBox | viewBox="0 0 16 16" |
| Peso sem compressão | 1,001 bytes (~551 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: Journal 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)
bootstrap-regular-journal-code.svg aria-hidden="true" focusable="false"
Mais em Interface de utilizador (UI/UX)
ExplorarOutline Mood Up
Tabler Icons|interfaceOutline Mood Wink 2
Tabler Icons|interfaceFill Wheelchair Fill
Phosphor Icons|interfaceOutline Mood Wink
Tabler Icons|interfaceFill Wheelchair Motion Fill
Phosphor Icons|interfaceOutline Mood Wrrr
Tabler Icons|interfaceOutline Mood X
Tabler Icons|interfaceRound Action Action Lock
Material Icons|interfaceOutline Mood Xd
Tabler Icons|interfaceRound Action Action Login
Material Icons|interfaceRound Action Action Logout
Material Icons|interfaceExplorar mais
Journal Code - Perguntas frequentes
O ícone SVG Journal Code é gratuito para uso comercial? +
Sim, o ícone Journal Code da coleção Bootstrap Icons tem licença MIT e pode ser usado gratuitamente em projetos comerciais.
O ícone Journal Code mantém suas cores originais no download? +
Sim, Journal Code preserva suas cores padrão a menos que você selecione uma nova cor no editor.
Como uso o ícone Journal 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 Journal Code como PNG transparente? +
Sim, escolha um tamanho até 2048 px e clique em Baixar PNG.
Como animo o ícone Journal Code com CSS? +
Selecione uma animação no editor ao vivo para incluir automaticamente os keyframes CSS.
Posso gerar um prompt de IA para Journal 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 Journal Code sem perder qualidade? +
Sim. O arquivo Journal Code e um vetor com viewBox escalavel: fica nitido em 16px, 64px, 512px ou na impressão.
Onde informo um problema com o arquivo Journal Code? +
Escreva para support@svgnexus.com com o endereco do ícone. Dúvidas de licença sobre Journal Code vao para legal@svgnexus.com.
Editor SVG
Edite caminhos, camadas, cores e animações no navegador e exporte SVG limpo, PNG ou código de framework.