brand
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
Phosphor Icons
|
Interface de utilizador (UI/UX)
|
viewBox="0 0 256 256"
|
Grátis para uso comercial
Ícone SVG de Blueprint
Fonte, autor e licença aparecem na previa e nos detalhes do ícone. Blueprint - 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.
phosphor-light-blueprint-light.svg (787 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="Blueprint icon"><title>Blueprint - Phosphor Icons icon</title><desc>Free Blueprint vector icon from the Phosphor Icons open-source icon library; outline style, MIT licence, viewBox 0 0 256 256, 530 bytes.</desc><path d="M232,58H70V40a6,6,0,0,0-6-6H48A30,30,0,0,0,18,64V176a30,30,0,0,0,30,30H232a6,6,0,0,0,6-6V64A6,6,0,0,0,232,58ZM30,64A18,18,0,0,1,48,46H58V146H48a29.87,29.87,0,0,0-18,6ZM226,194H48a18,18,0,0,1,0-36H64a6,6,0,0,0,6-6V70H226ZM104,138a6,6,0,0,0,0,12h18v10a6,6,0,0,0,12,0V150h28v10a6,6,0,0,0,12,0V150h18a6,6,0,0,0,0-12H174V118h18a6,6,0,0,0,0-12H174V96a6,6,0,0,0-12,0v10H134V96a6,6,0,0,0-12,0v10H104a6,6,0,0,0,0,12h18v20Zm30-20h28v20H134Z"/></svg>
Prompt de IA e melhoria vetorial
Quer melhorar ou mudar o estilo deste ícone? Blueprint
Gere um prompt de engenharia preciso ou melhore o ícone na tela agora mesmo. Blueprint
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
#light
#blueprint
#interface
#outline
Blueprint - Especificações técnicas do vetor
Fonte, autor e licença aparecem na previa e nos detalhes do ícone. Blueprint
| Identificador canonico do arquivo | phosphor/phosphor-light-blueprint-light |
|---|---|
| Pacote da biblioteca de origem | Phosphor Icons |
| Grade de coordenadas e viewBox | viewBox="0 0 256 256" |
| Peso sem compressão | 787 bytes (~433 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: Blueprint
- 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.
phosphor-light-blueprint-light.svg aria-hidden="true" focusable="false"
Correspondencias em outras bibliotecas ("phosphor-light-blueprint-light")
Compare este ícone com outras bibliotecas vetoriais de código aberto.
Mais em Interface de utilizador (UI/UX)
Explorar
brand
Blueprint
Authentic Brand Logos|brands
outline
Construction Blueprint 01
Domain Icons|interface
outline
Education Atom 07
Domain Icons|interface
outline
Regular Filetype Mp3
Bootstrap Icons|interface
outline
Regular Filetype Raw
Bootstrap Icons|interface
outline
Outline Arrows Diagonal Minimize 2
Tabler Icons|interface
Education Bulb 11
Domain Icons|interface
Keyboard One
IconPark|interface
Outline Arrows Shuffle 2
Tabler Icons|interface
camadas
IconPark|interface
Outline Search Code
Lucide|interface
Outline Atom
Tabler Icons|interfaceExplorar mais
Perguntas frequentes
Blueprint - Perguntas frequentes
Que licença cobre Blueprint? +
Blueprint vem de Phosphor Icons e está coberto por MIT. Atribuição: Credito obrigatorio.
Em que formatos posso baixar Blueprint? +
Blueprint é 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 Blueprint? +
Blueprint faz parte da biblioteca Phosphor Icons de Helena Zhang & Toby Fried, na categoria Interface de utilizador (UI/UX). O texto completo da licença está no arquivo de aviso da biblioteca vinculado nesta página.
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.