Softonic

Construtor de ícones SVG

x-init="restore()" >
Etapa 1 / 2
Próximo

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. 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. 2

    Defina o tamanho

    Escolha largura e altura de 32 a 256 px. A viewBox interna permanece 24×24.

  3. 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. 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

Seletor de Cores do Material Design

Navegue pela paleta de cores do Material Design. Copie qualquer tonalidade (50 a A700) como HEX, RGB ou HSL com um toque.

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 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.

Criador de Crachás

Crie até 60 crachás imprimíveis a partir de uma lista Nome | segunda linha. Escolha 8 cartões ou 15 etiquetas por página em A4 ou US Letter e imprima localmente.

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.

Ferramenta disponível em outros idiomas