Imagem / Ícones de aplicativos
Gerador de ícones Liquid Glass para o Icon Composer
Transforme um PNG ou SVG de primeiro plano em um pacote .icon Liquid Glass para o Icon Composer e o Xcode 26. Escolha a cor de fundo e o preenchimento, compare prévias aproximadas nos modos claro, escuro, colorido e transparente e exporte um PNG achatado de 1024 × 1024.
Gerador de ícones Liquid Glass para o Icon Composer: Mantém uma imagem de primeiro plano separada do gradiente de fundo automático fornecido pelo Icon Composer. Centraliza a arte com o preenchimento escolhido e empacota um pacote .icon em um ZIP. As prévias no navegador ilustram quadrados arredondados e um círculo de relógio, com modos colorido e transparente aproximados. O PNG achatado usa a cor base sólida selecionada e não contém materiais de vidro. Os controles de formato e aparência da prévia não alteram as configurações do pacote. Roda 100% localmente no seu navegador, sem enviar nenhum arquivo para o servidor.
- Categoria
- Ferramentas de imagem
- Execuções
- No seu navegador
- Custo
- Grátis · sem cadastro
- Disponibilidade
- Pronto para usar
Roda inteiramente no seu navegador
Liquid Glass é a linguagem de design da Apple introduzida com o iOS 26. Os ícones de apps usam camadas e materiais que se adaptam à aparência e ao ambiente. Documentação para desenvolvedores da Apple · Diretrizes de interface humana
Solte a arte aqui ou procure arquivos. Artes com transparência funcionam melhor. Até 20 MB.
O Icon Composer preenche o fundo com um gradiente automático baseado na sua cor. Estas prévias e o PNG achatado usam uma cor de base sólida; ajuste o gradiente final no Icon Composer.
A prévia é aproximada; a aparência final é renderizada pelo iOS. As aparências com tonalidade e transparentes são ilustrações, não a renderização de materiais da Apple.
Extraia o ZIP, abra o AppIcon.icon no Icon Composer do Xcode 26, revise os materiais e as aparências e adicione o pacote .icon ao seu projeto do Xcode. Use o PNG achatado em um catálogo de assets para targets mais antigos. Guia do Icon Composer da Apple
Este gerador mantém uma camada de primeiro plano acima do preenchimento do fundo. Ele não edita profundidade em camadas, refração, realces ou sombras. Adicione e ajuste outras camadas no Icon Composer. Os controles da prévia não alteram as configurações de aparência do pacote.
Sua imagem permanece no navegador. Nada é enviado.
Liquid Glass e design de ícones de apps
A Apple descreve o Liquid Glass e os ícones de apps adaptáveis na documentação para desenvolvedores e nas Diretrizes de Interface Humana. Siga essas orientações para criar um ícone reconhecível em diferentes plataformas e aparências. https://developer.apple.com/documentation/technologyoverviews/liquid-glass e https://developer.apple.com/design/human-interface-guidelines/app-icons
Icon Composer e Xcode
O Icon Composer é compatível com arte em camadas e ajustes de materiais. Abra e revise nele o pacote .icon extraído antes de adicioná-lo ao seu projeto do Xcode. Este gerador fornece uma camada de primeiro plano e um gradiente de fundo automático baseado na sua cor. https://developer.apple.com/icon-composer/ e https://developer.apple.com/documentation/Xcode/creating-your-app-icon-using-icon-composer
Como usar
- Escolha a arte de primeiro plano, de preferência um PNG transparente ou SVG, e defina o preenchimento e a cor de fundo.
- Compare telas de início claras e escuras, formatos de plataforma e aparências aproximadas nos modos colorido ou transparente.
- Baixe e extraia o ZIP .icon, abra o pacote no Icon Composer, confira a aparência final e adicione-o ao seu projeto do Xcode. Baixe um PNG achatado para destinos mais antigos.
Privacidade e limitações
As imagens são decodificadas e exportadas no seu navegador. Sua arte não é enviada para um servidor.
Ferramentas relacionadas
Perguntas frequentes
O que é Liquid Glass?
Liquid Glass é a linguagem de design da Apple introduzida no iOS 26. Os ícones de apps podem usar camadas e materiais que se adaptam às diferentes aparências. Esta página prepara um pacote inicial; o sistema operacional renderiza a aparência final.
Como uso o download no Xcode 26?
Extraia o ZIP e abra o pacote AppIcon.icon no Icon Composer. Confira e salve o ícone nele; depois, adicione o pacote .icon ao seu projeto do Xcode e selecione-o como ícone do app. O guia do Icon Composer da Apple explica a configuração do projeto.
Este editor é compatível com profundidade em camadas?
Ele fornece uma camada de primeiro plano sobre o preenchimento do fundo. Não edita várias camadas, profundidade, refração, realces ou sombras. Adicione camadas e ajuste os materiais no Icon Composer.
As prévias mostram a aparência final no iOS?
Não. Os formatos de quadrado arredondado e círculo, assim como os efeitos colorido e transparente, são prévias aproximadas. A aparência final é renderizada pelo iOS. O navegador e o PNG achatado usam uma cor de fundo sólida; o Icon Composer fornece o gradiente automático.
Ferramenta grátis · no seu navegador execuções · não precisa de conta