flag niue emoji
flag-niue from Twitter Emoji by Twitter · Default · Flags · CC-BY-4.0 Attribution required.
- Name
- flag-niue
- Set
- Twitter Emoji
- Style
- Default
- Category
- Flags
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More flags icons from Twitter Emoji
black-flagchequered-flagcrossed-flagsflag-afghanistanflag-aland-islandsflag-albaniaflag-algeriaflag-american-samoaflag-andorraflag-angolaflag-anguillaflag-antarcticaflag-antigua-and-barbudaflag-argentinaflag-armeniaflag-arubaflag-ascension-islandflag-australiaflag-austriaflag-azerbaijanflag-bahamasflag-bahrainflag-bangladeshflag-barbados
Use the flag niue emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
React
import type { SVGProps } from "react";
export function TwemojiFlagNiue(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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> </template>
CSS
.icon-flag-niue {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2036%2036%22%3E%3Cpath%20fill%3D%22%23ffe150%22%20d%3D%22M32%205H4q-.308%200-.604.045l-.004%201.754l-2.73-.004A4%204%200%200%200%200%209v18a4%204%200%200%200%204%204h28a4%204%200%200%200%204-4V9a4%204%200%200%200-4-4%22%2F%3E%3Cpath%20fill%3D%22%2300247d%22%20d%3D%22M19%2018V5H4c-.32%200-.604.045-.604.045l-.004%201.754l-2.73-.004S.62%206.854.535%207A4%204%200%200%200%200%209v9z%22%2F%3E%3Cpath%20fill%3D%22%23eee%22%20d%3D%22M19%205h-2.331L12%208.269V5H7v2.569L3.396%205.045a3.94%203.94%200%200%200-1.672.665L6.426%209H4.69L.967%206.391a4%204%200%200%200-.305.404L3.813%209H0v5h3.885L0%2016.766V18h3.332L7%2015.432V18h5v-3.269L16.668%2018H19v-2.029L16.185%2014H19V9h-2.814L19%207.029z%22%2F%3E%3Cpath%20fill%3D%22%23cf1b2b%22%20d%3D%22M11%205H8v5H0v3h8v5h3v-5h8v-3h-8z%22%2F%3E%3Cpath%20fill%3D%22%23cf1b2b%22%20d%3D%22M19%205h-1.461L12%208.879V9h1.571L19%205.198zm-17.276.71a4%204%200%200%200-.757.681L4.69%209h1.735zM6.437%2014L.734%2018h1.727L7%2014.822V14zM19%2017.802v-1.22L15.313%2014H13.57z%22%2F%3E%3Ccircle%20cx%3D%229.5%22%20cy%3D%2211.5%22%20r%3D%222.5%22%20fill%3D%22%23004a77%22%2F%3E%3Cpath%20fill%3D%22%23ffe150%22%20d%3D%22m9.5%208.966l.599%201.6l1.824.038l-1.454%201.225l.529%201.746L9.5%2012.533l-1.498%201.042l.529-1.746l-1.454-1.225l1.824-.038zm-5.676%201.519l.246.707l.748.016l-.596.452l.216.716l-.614-.427l-.614.427l.217-.716l-.597-.452l.749-.016zm11.352%200l.246.707l.748.016l-.596.452l.216.716l-.614-.427l-.614.427l.216-.716l-.596-.452l.748-.016zM9.5%205.821l.246.707l.748.016l-.596.452l.216.716l-.614-.427l-.614.427l.217-.716l-.597-.452l.748-.016zm0%209.467l.246.707l.748.015l-.596.452l.216.717l-.614-.428l-.614.428l.217-.717l-.597-.452l.748-.015z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2036%2036%22%3E%3Cpath%20fill%3D%22%23ffe150%22%20d%3D%22M32%205H4q-.308%200-.604.045l-.004%201.754l-2.73-.004A4%204%200%200%200%200%209v18a4%204%200%200%200%204%204h28a4%204%200%200%200%204-4V9a4%204%200%200%200-4-4%22%2F%3E%3Cpath%20fill%3D%22%2300247d%22%20d%3D%22M19%2018V5H4c-.32%200-.604.045-.604.045l-.004%201.754l-2.73-.004S.62%206.854.535%207A4%204%200%200%200%200%209v9z%22%2F%3E%3Cpath%20fill%3D%22%23eee%22%20d%3D%22M19%205h-2.331L12%208.269V5H7v2.569L3.396%205.045a3.94%203.94%200%200%200-1.672.665L6.426%209H4.69L.967%206.391a4%204%200%200%200-.305.404L3.813%209H0v5h3.885L0%2016.766V18h3.332L7%2015.432V18h5v-3.269L16.668%2018H19v-2.029L16.185%2014H19V9h-2.814L19%207.029z%22%2F%3E%3Cpath%20fill%3D%22%23cf1b2b%22%20d%3D%22M11%205H8v5H0v3h8v5h3v-5h8v-3h-8z%22%2F%3E%3Cpath%20fill%3D%22%23cf1b2b%22%20d%3D%22M19%205h-1.461L12%208.879V9h1.571L19%205.198zm-17.276.71a4%204%200%200%200-.757.681L4.69%209h1.735zM6.437%2014L.734%2018h1.727L7%2014.822V14zM19%2017.802v-1.22L15.313%2014H13.57z%22%2F%3E%3Ccircle%20cx%3D%229.5%22%20cy%3D%2211.5%22%20r%3D%222.5%22%20fill%3D%22%23004a77%22%2F%3E%3Cpath%20fill%3D%22%23ffe150%22%20d%3D%22m9.5%208.966l.599%201.6l1.824.038l-1.454%201.225l.529%201.746L9.5%2012.533l-1.498%201.042l.529-1.746l-1.454-1.225l1.824-.038zm-5.676%201.519l.246.707l.748.016l-.596.452l.216.716l-.614-.427l-.614.427l.217-.716l-.597-.452l.749-.016zm11.352%200l.246.707l.748.016l-.596.452l.216.716l-.614-.427l-.614.427l.216-.716l-.596-.452l.748-.016zM9.5%205.821l.246.707l.748.016l-.596.452l.216.716l-.614-.427l-.614.427l.217-.716l-.597-.452l.748-.016zm0%209.467l.246.707l.748.015l-.596.452l.216.717l-.614-.428l-.614.428l.217-.717l-.597-.452l.748-.015z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/flag-niue.svg?color=%231a73e8&size=48
