Construtor de ícones SVG
Crie um ícone SVG simples sem enviar seu desenho a nenhum lugar. Escolha um dos doze símbolos incluídos e ajuste tamanho de saída, espessura e cor do traço, preenchimento, cor de fundo e raio dos cantos. O arquivo usa uma viewBox fixa de 24×24; você pode copiar o código SVG ou baixar o arquivo.
Crie um ícone em quatro passos
-
1
Escolha um símbolo
Coração, estrela, marca de verificação, cruz, círculo, quadrado, triângulo, seta, raio, lua, sol ou sino. São modelos fixos, não uma área de desenho livre.
-
2
Defina o tamanho
Escolha largura e altura de 32 a 256 px. A viewBox interna permanece 24×24.
-
3
Ajuste o estilo
Defina o traço entre 0,5 e 6, a cor, sem preenchimento, currentColor ou a cor do traço, além do fundo e seu raio.
-
4
Copie ou baixe
Copie o código SVG ou baixe o arquivo. O download usa o nome do símbolo, por exemplo heart.svg.
O que esta ferramenta cria
A exportação contém um SVG de 24×24, um retângulo de fundo e um símbolo predefinido. Serve para um mockup, uma interface pequena ou um protótipo. Não importa arte, não edita pontos de caminho, não adiciona texto nem cria um ícone personalizado a partir de uma instrução.
Preenchimento, uso e privacidade
Escolha Nenhum para contorno. currentColor faz o preenchimento seguir a propriedade CSS color do elemento pai em SVG inline. O retângulo de fundo sempre faz parte da exportação. Cole o código em HTML ou em um componente que aceite SVG. O ícone é gerado no navegador e suas configurações não são enviadas ao nosso servidor. No fluxo de duas etapas, elas ficam no armazenamento de sessão desta aba até reiniciar ou encerrar a sessão.
Perguntas frequentes
Não. A ferramenta estiliza doze símbolos incluídos. Use um editor de caminhos SVG para desenhar ou editar comandos de caminho.
Não. Todas as exportações usam viewBox 24×24. Apenas largura e altura podem variar de 32 a 256 px.
A ferramenta sempre inclui um retângulo de fundo. Escolha cor e raio antes de baixar ou edite o SVG depois se precisar de transparência.
Não. O SVG é criado no navegador e as configurações não são enviadas ao nosso servidor.
Ferramentas relacionadas
Gerador de papel quadriculado
Crie papel quadriculado para imprimir online: escolha grade ou pontos, ajuste o espaçamento em mm, selecione A4 ou Carta e uma cor de linha personalizada, e imprima ou baixe um SVG nítido.
Criador de gráficos de ponto cruz
Transforme JPEG, PNG ou WebP em gráfico de ponto cruz imprimível com 10–150 pontos, 2–40 cores próprias, símbolos, contagens exatas e medidas do tecido.
Conversor de Pantone para HEX
Converta cores Pantone PMS para os valores mais próximos de HEX, RGB e CMYK para correspondência em tela e impressão, com pré-visualização de amostras.
Divisor de Grade do Instagram
Divida uma imagem ampla em uma grade 3×3 do Instagram, ou qualquer número de linhas. As peças são numeradas para facilitar o upload em ordem inversa.
Gerador de papel pautado
Crie papel pautado para imprimir de graça. Escolha pauta média, larga ou estreita, defina o espaçamento das linhas em mm, o tamanho da página e uma linha de margem, e imprima ou baixe o SVG.
Gerador de retícula de meio-tom
Transforme uma foto em uma retícula AM ajustável, monocromática, com cores amostradas ou em estilo CMYK, e baixe em PNG ou SVG vetorial.
Ferramenta disponível em outros idiomas
- SVG-icoonbouwer [NL]
- Trình dựng biểu tượng SVG [VI]
- SVG 아이콘 제작기 [KO]
- SVG-Icon-Builder [DE]
- Kreator ikon SVG [PL]
- SVGアイコンビルダー [JA]
- Créateur d'icônes SVG [FR]
- เครื่องมือสร้างไอคอน SVG [TH]
- Pembuat Ikon SVG [ID]
- منشئ أيقونات SVG [AR]
- SVG-ikonbyggare [SV]
- Constructor de iconos SVG [ES]
- SVG Icon Builder [EN]
- Editor di icone SVG [IT]
- Конструктор SVG-иконок [RU]
- SVG Simge Oluşturucu [TR]
- SVG 图标构建器 [ZH]