Lint ao vivo
Prévia em contexto
Fox-ify
Cole ou solte qualquer SVG. Ele é mapeado na grade de 24, preenchimentos viram traços, transformações são aplicadas e os pontos se alinham, até passar nas regras de ícone.
Busca por desenho
Desenhe uma forma aproximada. Os 24 ícones mais parecidos aparecem enquanto você desenha, ordenados na própria página com um índice de formas do conjunto todo.
Os seus traços ficam neste aparelho: nada é enviado, o desenho é comparado com um índice pré-calculado de todos os ícones.
Fusão
Clique numa parte da prévia para selecionar, depois arraste ou use as setas.
Movimento
Uma linha do tempo por elemento do ícone. Clique numa faixa para criar um quadro-chave, arraste para mover e exporte o resultado para todos os pacotes.
Quadro-chave
Kit de marca
Aplique a sua marca no conjunto todo e exporte pronto para usar.
Dentro do zip
- svg/ com cada ícone num arquivo SVG temático
- sprite.svg e icons.css com as variáveis CSS da marca
- favicon/ com favicon.ico, PNGs em 16, 32, 180, 192 e 512, ícones maskable e um manifesto web
- app/ com ícones para as lojas e a camada da frente do ícone adaptativo do Android
- package.json, index.js e tipos, pronto para publicar
3D
Um nome, uma fusão como cloud&lock:overlap ou um modificador como file+check. Nenhum ícone tem esse nome.
O movimento reduzido está ativo, então o giro fica parado.
Carregando o three.js
Exportar PNG
O three.js é carregado do jsDelivr quando você abre esta aba. three@0.186.1
Coleção
Os ícones que você desenha, converte com Fox-ify ou funde ficam salvos neste navegador.
Nada aqui ainda. Desenhe um ícone no editor, use o Fox-ify num SVG ou salve uma fusão.