Ícone Lang Gn
circle-flags:lang-gn
O ícone Lang Gn (circle-flags:lang-gn) é um ícone SVG gratuito da coleção Circle Flags de HatScripts. Ele é desenhado em uma grade de 512 × 512. Circle Flags icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Circle Flags
- Autor
- HatScripts
- Licença
- MIT
- Tamanho
- 512 × 512
- Tags
- langgn
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><mask id="SVGuywqVbel"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#SVGuywqVbel)"><path fill="#eee" d="m0 167l256-32l256 32v178l-256 32L0 345Z"/><path fill="#d80027" d="M0 0h512v167H0Z"/><path fill="#0052b4" d="M0 345h512v167H0Z"/><path fill="#333" d="M256 80A176 176 0 0 0 80 256a176 176 0 0 0 176 176a176 176 0 0 0 176-176A176 176 0 0 0 256 80m0 16a160 160 0 0 1 160 160a160 160 0 0 1-160 160A160 160 0 0 1 96 256A160 160 0 0 1 256 96m0 7a32 32 0 0 0-32 32a32 32 0 0 0 20 30v28a64 64 0 0 0-24 10l-20-20a32 32 0 0 0-7-35a32 32 0 0 0-23-10a32 32 0 0 0-22 10a32 32 0 0 0 0 45a32 32 0 0 0 35 7l20 20a64 64 0 0 0-10 24h-29a32 32 0 0 0-29-20a32 32 0 0 0-32 32a32 32 0 0 0 32 32a32 32 0 0 0 29-20h29a64 64 0 0 0 10 24l-20 20a32 32 0 0 0-35 7a32 32 0 0 0 0 45a32 32 0 0 0 45 0a32 32 0 0 0 7-35l20-20a64 64 0 0 0 24 10v28a32 32 0 0 0-20 30a32 32 0 0 0 32 32a32 32 0 0 0 32-32a32 32 0 0 0-20-30v-28a64 64 0 0 0 24-10l20 20a32 32 0 0 0 7 35a32 32 0 0 0 45 0a32 32 0 0 0 0-45a32 32 0 0 0-35-7l-20-20a64 64 0 0 0 10-24h28a32 32 0 0 0 30 20a32 32 0 0 0 32-32a32 32 0 0 0-32-32a32 32 0 0 0-30 20h-28a64 64 0 0 0-10-24l20-20a32 32 0 0 0 35-7a32 32 0 0 0 0-45a32 32 0 0 0-22-10a32 32 0 0 0-23 10a32 32 0 0 0-7 35l-20 20a64 64 0 0 0-24-10v-28a32 32 0 0 0 20-30a32 32 0 0 0-32-32m0 105a48 48 0 0 1 48 48a48 48 0 0 1-48 48a48 48 0 0 1-48-48a48 48 0 0 1 48-48m0 16a32 32 0 0 0-32 32a32 32 0 0 0 32 32a32 32 0 0 0 32-32a32 32 0 0 0-32-32"/></g></svg>
Como usar o ícone Lang Gn
React
import { Icon } from "@iconify/react";
<Icon icon="circle-flags:lang-gn" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="circle-flags:lang-gn" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="circle-flags:lang-gn" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[circle-flags--lang-gn]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/circle-flags -->
<div class="i-circle-flags:lang-gn"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="circle-flags:lang-gn"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/circle-flags/lang-gn.svg" alt="Ícone Lang Gn" width="24" height="24">
Ícones relacionados em Circle Flags
Perguntas frequentes sobre Ícone Lang Gn
O ícone Lang Gn é grátis para uso comercial?
Sim. Circle Flags icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Lang Gn no React?
Instale @iconify/react e renderize <Icon icon="circle-flags:lang-gn" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Lang Gn a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/circle-flags/lang-gn.svg" alt="Ícone Lang Gn">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Circle Flags →
ICONYZ
