Quando os objetos vêm com letra U embutida
Alguns arquivos de design e desenvolvimento trazem objetos que já incluem a letra U como parte do asset. Isso parece bobo no papel, mas causa problemas reais quando você não espera. Já me deparei com um arquivo SVG de ícones onde os vetores estavam todos sobrepostos a um retângulo invisível com a marca U gravada como watermark. O designer original tinha usado uma ferramenta que adicionava isso automaticamente, e eu perdi duas horas tentando entender por que o alinhamento estava falhando em todas as resoluções. O problema principal é que a letra U costuma estar em uma camada separada, com opacidade zero ou cor idêntica ao fundo. Você não vê, mas o sistema reconhece como um objeto ativo. Isso quebra centenas de coisas.
Como lidar com objetos com letra u em seus projetos
A primeira coisa que eu faço é abrir o arquivo e verificar a estrutura de camadas. No Illustrator ou Inkscape, você pode acessar o painel de camadas e selecionar individualmente cada objeto para ver se algo está escondido ali embaixo. Se usar Figma, o recurso de inspect mostra todos os elementos, mesmo os com opacidade 0%. No meu caso, a solução foi criar um script simples em JavaScript que varre o SVG, identifica qualquer path ou texto que contenha exatamente a string "U" isolada fora das palavras, e remove. O script que desenvolvi rodava em cerca de 3 segundos num arquivo com 200 ícones, enquanto a verificação manual levaria perto de 45 minutos. Achei útil e compartilhei em repositórios do setor.
Outra abordagem mais direta é usar o comando Select All (Ctrl+A ou Cmd+A) e aplicar Object > Flatten Transparency. Isso elimina qualquer camada fantasma que esteja escondendo esses caracteres. Não funciona em todos os formatos, então vale testar primeiro num arquivo de cópia.
👉 Clique no botão abaixo para saber mais sobre o assunto!
Pegadinhas que todo mundo erra
Muitas pessoas acham que basta deletar a letra U visualmente e pronto. O erro é achar que isso resolve. A letra muitas vezes está vinculada a um grupo maior. Quando você deleta o texto visível, o grupo permanece com a estrutura intacta e continua ocupando espaço no viewBox. O resultado é que o objeto continua responsivo de forma errada, ocupando área desnecessária e quebrando layouts responsivos. Também é comum encontrar a letra U em bibliotecas de icones como parte de um sistema de marca d'água embutido pelo fabricante. Nesse caso, remover manualmente cada um dos 500 ícones é inviável. O que eu uso é um batch process: converto tudo para SVG, rodo o script de limpeza, e depois converto de volta para PNG ou SVG dependendo da necessidade.
O limite dessa abordagem é quando a letra U faz parte integral do design, como em logotipos tipográficos. Nesses casos, a remoção destroi o asset original. A solução é duplicar o arquivo antes de qualquer processo automatizado.
Alternativas quando o problema não tem solução limpa
Às vezes o arquivo está tão danificado que a limpeza automática quebra geometria. Nesses casos, importar o SVG num editor vetorial, expandir todos os efeitos e refazer os caminhos manualmente resolve, mas isso consome tempo considerável. Para equipes que trabalham com volume alto, recomendo estabelecer um padrão de arquivos limpos desde o início, evitando o problema na fonte em vez de remediá-lo depois.
