O guia prático de bandeiras de países sul-americanos que ninguém te conta
Se você está procurando um pacote completo de bandeiras dos países da América do Sul para usar em projeto, dashboard ou aplicativo, o caminho mais simples é baixar arquivos SVG ou PNG prontos. A versão vetorial (SVG) é a que vale a pena. Ela não perde qualidade em qualquer resolução e o peso fica entre 2 e 8 KB por bandeira, dependendo do nível de detalhe.
Bandeiras países américa do sul
Aqui estão os onze países e suas siglas ISO 3166-1 alpha-2, que são o padrão usado na maioria das bibliotecas disponíveis: Argentina (AR) – Listrado horizontal em azul-branco-azul com sol amarelo no centro.
Bolívia (BO) – Vermelho, amarelo e verde horizontal. Brasil (BR) – Verde com losango amarelo, esfera azul e faixa branca com o lema.
Chile (CL) – Branco e vermelho horizontal com estrela azul no quadrante superior esquerdo. Colômbia (CO) – Amarelo, azul e vermelho horizontal, com o amarelo ocupando metade superior.
Equador (EC) – Amarelo, azul e vermelho com escudo no centro. Guiana (GY) – Verde com triângulo vermelho e faixa amarela diagonal.
Paraguai (PY) – Vermelho, branco e azul com emblema no centro do lado branco. Peru (PE) – Vermelho e branco vertical.
Suriname (SR) – Verde com faixa vermelha horizontal e cinco estrelas amarelas. Uruguai (UY) – Onze listras alternadas branco e azul com sol no quadrante superior esquerdo.
👉 Clique no botão abaixo para saber mais sobre o assunto!
Venezuela (VE) – Amarelo, azul e vermelho horizontal com arco de estrelas no centro. Um ponto que poucas pessoas levam em conta: o Paraguai e o Uruguai têm frente e verso diferentes. O reverso do Paraguai traz o brasão completo com detalhes que o anverso omite. Se seu projeto exige fidelidade total, certifique-se de usar a versão que corresponde ao lado correto. Em dashboards isso raramente importa, mas em material institucional ou editoração sim.
O Brasil e a Colômbia também merecem atenção especial. A faixa amarela do Brasil não ocupa 50% da altura como muitos pensam; a proporção oficial é mais estreita, e versões genéricas da internet frequentemente erram isso. No caso da Colômbia, o amarelo ocupa exatamente a metade superior do retângulo. Proporção oficial 2:3. O Equador tem um terceiro elemento que quase todo mundo ignora: o escudo central contém um condor, três montanhas, um rio, um navio a vapor e uma coroa de louros. Versões simplificadas omitem tudo isso e ficam genéricas demais para uso oficial.
Minha recomendação prática é usar o repositório propynation/world flags no GitHub ou a coleção da flagcdn.com, que oferece os 33 países sul-americanos em SVG puro, com nomes de arquivo no padrão ISO. O download leva menos de um minuto, mesmo com conexão lenta, porque cada arquivo é minúsculo. Se você precisa de PNG com fundo transparente, o site simpleflags.com gera em várias resoluções automaticamente. É rápido, mas as cores nem sempre batem com a especificação oficial. Eu já tive que ajustar o verde do Brasil porque a versão gerada vinha com um tom esverdeado mais amarelado, o que quebrava a identidade visual de um cliente. A correção foi simple: abrir o SVG original e substituir a cor pela HEX correta (#009739 para o verde brasileiro). Isso levou cerca de 3 minutos por bandeira.
Uma dica técnica importante: evite usar bandeiras como <img> direto em CSS com background-image para ícones pequenos (16px a 24px). O navegador renderiza mal SVGs inline nesse contexto e as cores podem sair deslocadas. O ideal é converter para PNG nessa faixa de tamanho ou usar SVG como elemento <svg> inline com width/height explícitos. Aqui vai um problema que eu encontrei na prática e que pode te economizar horas: a bandeira da Venezuela mudou em 2006. A versão anterior tinha oito estrelas; a atual tem sete dispostas em arco. Muitos repositórios antigos ainda hospedam a versão errada. Antes de embutir no seu projeto, verifique a data da fonte. Eu caí nessa em 2023, e só percebi porque um cliente boliviano reclamou que o símbolo estava "estranho".
Outro detalhe técnico: a bandeira do Chile não tem exatamente a mesma proporção que a maioria. A oficial é 3:2, mas há variações históricas de 2:3. Se você está montando uma grade uniforme, use 2:3 para todos, exceto se for exigir conformidade estrita com a lei chilena. Para quem trabalha com design systems, o formato mais útil é SVG com nomes de arquivo no padrão xx.svg (onde xx é o código ISO). Organize em uma pasta /flags/ dentro do seu projeto e chame via path relativo. Isso elimina qualquer ambiguidade e funciona tanto em ambientes web quanto em apps nativos usando bibliotecas como react-native-flag ou similares.
A desvantagem de confiar em repositórios abertos é que a atualização nem sempre é imediata. Bandeiras que mudaram por lei recente, como a do Peru (que teve alteração no escudo em 1825, mas versões antigas persistem online), podem aparecer desatualizadas. A única forma de garantir precisão absoluta é consultar o manual de cada embaixada ou o site do governo correspondente e cruzar com a representação no Flag Institute (flaglaboratory.com). Se você precisa de tudo pronto e não quer lidar com manutenção manual, existe o pacote npm flag-icons. Ele agrega todas as bandeiras em CSS classes, mas o tamanho do bundle é considerável: cerca de 1,2 MB em CSS puro e 800 KB em SVGs comprimidos. Para projetos grandes isso é viável; para landing pages pequenas, ékill.
Resumindo: use SVG do flagcdn ou do repositório do GitHub, verifique a versão vigente especialmente para Venezuela e Paraguai, ajuste cores manualmente quando o cliente exigir fidelidade, e nunca confie cegamente em PNGs gerados automaticamente sem inspeção visual. O processo todo, desde o download até a integração no código, leva entre 10 e 20 minutos para um conjunto completo dos 12 países.
