Fonte incrível para PNG

Fonte minúscula Awesome 6 ID de glifo sólido gratuito, por ex. casa, estrela, engrenagem

16 256 2048

Escolhas rápidas

SVGs são carregados do jsDelivr (Font Awesome Free). A rasterização é executada localmente no seu navegador.

Por que exportar ícones Font Awesome para PNG?

O Font Awesome é enviado como webfonts ou SVG, mas apresentações de slides, campos CMS legados, modelos de e-mail, resumos off-line e algumas transferências de design ainda esperam PNG raster com transparência previsível. As equipes pesquisam “fontawesome export png”, “transparent icon png” ou “multi-size favicon kit” quando precisam de bordas nítidas em grades de pixels fixas. Decida a densidade desejada (1x/2x/3x), estilos sólidos versus estilos de contorno, preenchimento e tokens de cores da marca antes de exportar – o PNG não é aprimorado de forma limpa, portanto, gere a partir do maior tamanho de tela que você realmente precisa. Revise os níveis de licença do Font Awesome (Free vs Pro) para redistribuição, atribuição e reutilização comercial antes de agrupar ativos para os clientes.

Fonte recomendada incrível → Fluxo de trabalho PNG

  1. Escolha o glifo e o estilo, defina o fundo transparente, as margens e a caixa de pixels para corresponder ao alvo de toque mínimo do seu sistema de design.
  2. Aumente o zoom para confirmar que o anti-aliasing não está turvo; exporte variantes separadas de modo escuro ou de alto contraste quando a IU exigir.
  3. Nomeie os arquivos com sufixos de densidade, publique por meio de sua biblioteca de componentes ou CDN e registre a versão do Font Awesome mais as notas de licença no registro de alteração.

Fonte incrível → PNG FAQ

Um ícone deve servir para iOS, Android e web – como dimensioná-lo?
Comece com o alvo de toque mínimo de cada plataforma, exporte conjuntos @1x/@2x/@3x ou mdpi/hdpi/xhdpi e evite aumentar a escala de um único ativo minúsculo.
PNGs transparentes ficam cinza nas fotos – a exportação está quebrada?
Freqüentemente é contraste ou alfa pré-multiplicado; adicione um traço sutil, envie uma variante de fundo de marca dedicada ou ajuste os modos de mesclagem na ferramenta de layout.
Podemos revender pacotes PNG exportados?
Depende da sua assinatura; Os ativos Pro geralmente restringem a redistribuição, portanto, leia o contrato ou pergunte ao jurídico antes das vendas no mercado.
Os ícones de contorno são reduzidos quando reduzidos – o que ajuda?
Aumente a resolução de exportação principal, engrosse levemente os traços, mude para glifos sólidos ou troque para arte simplificada para favicons de 16px.
Como mantemos a cor e a nomenclatura dos ícones consistentes em toda a organização?
Codifique cores e prefixos de nome de arquivo em tokens de design, automatize exportações em CI e bloqueie ajustes locais únicos que nunca chegam à biblioteca.