Icono Flag Niue
twemoji:flag-niue
El icono Flag Niue (twemoji:flag-niue) es un icono SVG gratuito de la colección Twitter Emoji de Twitter. Está dibujado en una cuadrícula de 36 × 36. Twitter Emoji icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Twitter Emoji
- Autor
- Twitter
- Licencia
- CC-BY-4.0
- Tamaño
- 36 × 36
- Categoría
- Banderas
- Etiquetas
- flagniue
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#ffe150" d="M32 5H4q-.308 0-.604.045l-.004 1.754l-2.73-.004A4 4 0 0 0 0 9v18a4 4 0 0 0 4 4h28a4 4 0 0 0 4-4V9a4 4 0 0 0-4-4"/><path fill="#00247d" d="M19 18V5H4c-.32 0-.604.045-.604.045l-.004 1.754l-2.73-.004S.62 6.854.535 7A4 4 0 0 0 0 9v9z"/><path fill="#eee" d="M19 5h-2.331L12 8.269V5H7v2.569L3.396 5.045a3.94 3.94 0 0 0-1.672.665L6.426 9H4.69L.967 6.391a4 4 0 0 0-.305.404L3.813 9H0v5h3.885L0 16.766V18h3.332L7 15.432V18h5v-3.269L16.668 18H19v-2.029L16.185 14H19V9h-2.814L19 7.029z"/><path fill="#cf1b2b" d="M11 5H8v5H0v3h8v5h3v-5h8v-3h-8z"/><path fill="#cf1b2b" d="M19 5h-1.461L12 8.879V9h1.571L19 5.198zm-17.276.71a4 4 0 0 0-.757.681L4.69 9h1.735zM6.437 14L.734 18h1.727L7 14.822V14zM19 17.802v-1.22L15.313 14H13.57z"/><circle cx="9.5" cy="11.5" r="2.5" fill="#004a77"/><path fill="#ffe150" d="m9.5 8.966l.599 1.6l1.824.038l-1.454 1.225l.529 1.746L9.5 12.533l-1.498 1.042l.529-1.746l-1.454-1.225l1.824-.038zm-5.676 1.519l.246.707l.748.016l-.596.452l.216.716l-.614-.427l-.614.427l.217-.716l-.597-.452l.749-.016zm11.352 0l.246.707l.748.016l-.596.452l.216.716l-.614-.427l-.614.427l.216-.716l-.596-.452l.748-.016zM9.5 5.821l.246.707l.748.016l-.596.452l.216.716l-.614-.427l-.614.427l.217-.716l-.597-.452l.748-.016zm0 9.467l.246.707l.748.015l-.596.452l.216.717l-.614-.428l-.614.428l.217-.717l-.597-.452l.748-.015z"/></svg>
Cómo usar el icono Flag Niue
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:flag-niue" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:flag-niue" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:flag-niue" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--flag-niue]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:flag-niue"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:flag-niue"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/twemoji/flag-niue.svg" alt="Icono Flag Niue" width="24" height="24">
Iconos relacionados en Twitter Emoji
El icono Flag Niue en otras colecciones
Preguntas frecuentes sobre Icono Flag Niue
¿El icono Flag Niue es gratis para uso comercial?
Sí. Twitter Emoji icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono Flag Niue en React?
Instala @iconify/react y renderiza <Icon icon="twemoji:flag-niue" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Flag Niue a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/twemoji/flag-niue.svg" alt="Icono Flag Niue">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Twitter Emoji →
