Flag Niue icon
twemoji:flag-niue
The Flag Niue icon (twemoji:flag-niue) is a free SVG icon from the Twitter Emoji set by Twitter. It is drawn on a 36 × 36 grid. Twitter Emoji icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Twitter Emoji
- Author
- Twitter
- License
- CC-BY-4.0
- Size
- 36 × 36
- Category
- Flags
- Tags
- flagniue
SVG code
<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>
How to use the Flag Niue icon
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>
HTML image
<img src="https://iconyz.com/api/public/svg/twemoji/flag-niue.svg" alt="Flag Niue icon" width="24" height="24">
Related icons in Twitter Emoji
Flag Niue icon in other icon sets
Flag Niue icon FAQ
Is the Flag Niue icon free for commercial use?
Yes. Twitter Emoji icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Flag Niue icon in React?
Install @iconify/react and render <Icon icon="twemoji:flag-niue" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Flag Niue icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/twemoji/flag-niue.svg" alt="Flag Niue icon">, or paste the SVG code inline to style it with CSS.
Browse all Twitter Emoji icons →
