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 Block Four
Fonte, autor e licença aparecem na previa e nos detalhes do ícone. Block Four - 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
block-four.svg (834 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="Block Four icon"><title>Block Four - IconPark icon</title><desc>Free Block Four vector icon from the IconPark open-source icon library; outline style, Apache-2.0 licence, viewBox 0 0 48 48, 604 bytes.</desc> <path d="M6 12H18V24H6V12Z" fill="#2F88FF" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M18 12H30V24H18V12Z" fill="#2F88FF" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M30 12H42V24H30V12Z" fill="#2F88FF" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M18 24H30V36H18V24Z" fill="#2F88FF" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> </svg>
Prompt de IA e melhoria vetorial
Quer melhorar ou mudar o estilo deste ícone? Block Four
Gere um prompt de engenharia preciso ou melhore o ícone na tela agora mesmo. Block Four
Gerador de prompts 100% no navegador
Verificação de fonte e licença
LICENSE.txt
Library: IconPark | Author: ByteDance Inc. | License: Apache-2.0 | Source: https://github.com/bytedance/IconPark | Sem Cadastro | 100% no Seu Navegador
Palavras-chave
#block
#four
#iconpark
#interface
#outline
Block Four - Especificações técnicas do vetor
Fonte, autor e licença aparecem na previa e nos detalhes do ícone. Block Four
| Identificador canonico do arquivo | iconpark/block-four |
|---|---|
| Pacote da biblioteca de origem | IconPark |
| Grade de coordenadas e viewBox | viewBox="0 0 48 48" |
| Peso sem compressão | 834 bytes (~459 bytes gzipped) |
| Licença SPDX e uso comercial | Apache-2.0 - Grátis para uso comercial |
| Upstream Source | https://github.com/bytedance/IconPark |
| 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: Block Four
- 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.
block-four.svg aria-hidden="true" focusable="false"
Mais em Interface de utilizador (UI/UX)
Explorarduotone
Four K
Phosphor Icons|interfaceoutline
Action View Stream
Material Icons|interfaceoutline
Hospitality Fork
Domain Icons|interfaceduotone
Sailboat
Phosphor Icons|interfaceoutline
AV Lyrics
Material Icons|interface
Contrast
Tabler Icons|interface
AV Sd
Material Icons|interface
Crystal Ball
Tabler Icons|interface
Legal Scale
Domain Icons|interface
Logistics Route
Domain Icons|interface
Device Ipad Check
Tabler Icons|interface
Adjustments Vertical
Heroicons|interface
livro
Ant Design TwoTone|interface
Check Square
Ant Design TwoTone|interface
Cursor Battleaxe Winged Copy
Mouse|interface
Align Center
MingCute Icons|interface
pincel
Open Iconic|interface
Backpack3
Bootstrap Icons|interface
cérebro
SVG Icons Collection|interface
Banknotes
Heroicons|interface
Clickhouse
SVG Icons Collection|interface
Bookmarks
Bootstrap Icons|interface
Food
Fluent UI Color|interfaceExplorar mais
Perguntas frequentes
Block Four - Perguntas frequentes
Que licença cobre Block Four? +
Block Four vem de IconPark e está coberto por Apache-2.0. Atribuição: Credito obrigatorio.
Em que formatos posso baixar Block Four? +
Block Four é um vetor de estilo outline (viewBox 0 0 48 48). 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 Block Four? +
Block Four faz parte da biblioteca IconPark de ByteDance Inc., 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 | 77.087 ícones
Editor SVG
Edite caminhos, camadas, cores e animações no navegador e exporte SVG limpo, PNG ou código de framework.