flag for norway emoji

flag-for-norway from Emoji One (Colored) by Emoji One · Default · Flags · CC-BY-4.0 Attribution required.

Name
flag-for-norway
Set
Emoji One (Colored)
Style
Default
Category
Flags
Viewbox
64×64
License
CC BY 4.0
Aliases
flag-for-flag-norway

More flags icons from Emoji One (Colored)

flag-englandflag-for-afghanistanflag-for-aland-islandsflag-for-albaniaflag-for-algeriaflag-for-american-samoaflag-for-andorraflag-for-angolaflag-for-anguillaflag-for-antarcticaflag-for-antigua-and-barbudaflag-for-argentinaflag-for-armeniaflag-for-arubaflag-for-ascension-islandflag-for-australiaflag-for-austriaflag-for-azerbaijanflag-for-bahamasflag-for-bahrainflag-for-bangladeshflag-for-barbadosflag-for-belarusflag-for-belgium

Use the flag for norway emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><g fill="#fff"><path d="M61.7 28c-.1-1-.3-2-.5-3H2.8c-.2 1-.4 2-.5 3zM2.3 36c.1 1 .3 2 .5 3h58.3c.2-1 .4-2 .5-3z"/><path d="M20 4.5c-1 .4-2 1-3 1.5v52q1.5.9 3 1.5zm8-2.2v59.5l3 .3V2q-1.5 0-3 .3"/></g><g fill="#428bc1"><path d="M2 32c0 1.4.1 2.7.3 4h59.5c.2-1.3.3-2.6.3-4s-.1-2.7-.3-4H2.3c-.2 1.3-.3 2.6-.3 4"/><path d="M20 59.5c2.5 1.1 5.2 1.9 8 2.2V2.3c-2.8.4-5.5 1.1-8 2.2z"/></g><path fill="#ed4c5c" d="M17 25V6C10 10.1 4.8 16.9 2.8 25zm0 14v19C10 53.9 4.8 47.1 2.8 39zM32 2h-1v23h30.2C58 11.8 46.2 2 32 2m-1 37v23h1c14.2 0 26-9.8 29.2-23z"/></svg>

React

import type { SVGProps } from "react";

export function EmojioneFlagForNorway(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><g fill="#fff"><path d="M61.7 28c-.1-1-.3-2-.5-3H2.8c-.2 1-.4 2-.5 3zM2.3 36c.1 1 .3 2 .5 3h58.3c.2-1 .4-2 .5-3z"/><path d="M20 4.5c-1 .4-2 1-3 1.5v52q1.5.9 3 1.5zm8-2.2v59.5l3 .3V2q-1.5 0-3 .3"/></g><g fill="#428bc1"><path d="M2 32c0 1.4.1 2.7.3 4h59.5c.2-1.3.3-2.6.3-4s-.1-2.7-.3-4H2.3c-.2 1.3-.3 2.6-.3 4"/><path d="M20 59.5c2.5 1.1 5.2 1.9 8 2.2V2.3c-2.8.4-5.5 1.1-8 2.2z"/></g><path fill="#ed4c5c" d="M17 25V6C10 10.1 4.8 16.9 2.8 25zm0 14v19C10 53.9 4.8 47.1 2.8 39zM32 2h-1v23h30.2C58 11.8 46.2 2 32 2m-1 37v23h1c14.2 0 26-9.8 29.2-23z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><g fill="#fff"><path d="M61.7 28c-.1-1-.3-2-.5-3H2.8c-.2 1-.4 2-.5 3zM2.3 36c.1 1 .3 2 .5 3h58.3c.2-1 .4-2 .5-3z"/><path d="M20 4.5c-1 .4-2 1-3 1.5v52q1.5.9 3 1.5zm8-2.2v59.5l3 .3V2q-1.5 0-3 .3"/></g><g fill="#428bc1"><path d="M2 32c0 1.4.1 2.7.3 4h59.5c.2-1.3.3-2.6.3-4s-.1-2.7-.3-4H2.3c-.2 1.3-.3 2.6-.3 4"/><path d="M20 59.5c2.5 1.1 5.2 1.9 8 2.2V2.3c-2.8.4-5.5 1.1-8 2.2z"/></g><path fill="#ed4c5c" d="M17 25V6C10 10.1 4.8 16.9 2.8 25zm0 14v19C10 53.9 4.8 47.1 2.8 39zM32 2h-1v23h30.2C58 11.8 46.2 2 32 2m-1 37v23h1c14.2 0 26-9.8 29.2-23z"/></svg>
</template>

CSS

.icon-flag-for-norway {
  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%2064%2064%22%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M61.7%2028c-.1-1-.3-2-.5-3H2.8c-.2%201-.4%202-.5%203zM2.3%2036c.1%201%20.3%202%20.5%203h58.3c.2-1%20.4-2%20.5-3z%22%2F%3E%3Cpath%20d%3D%22M20%204.5c-1%20.4-2%201-3%201.5v52q1.5.9%203%201.5zm8-2.2v59.5l3%20.3V2q-1.5%200-3%20.3%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23428bc1%22%3E%3Cpath%20d%3D%22M2%2032c0%201.4.1%202.7.3%204h59.5c.2-1.3.3-2.6.3-4s-.1-2.7-.3-4H2.3c-.2%201.3-.3%202.6-.3%204%22%2F%3E%3Cpath%20d%3D%22M20%2059.5c2.5%201.1%205.2%201.9%208%202.2V2.3c-2.8.4-5.5%201.1-8%202.2z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23ed4c5c%22%20d%3D%22M17%2025V6C10%2010.1%204.8%2016.9%202.8%2025zm0%2014v19C10%2053.9%204.8%2047.1%202.8%2039zM32%202h-1v23h30.2C58%2011.8%2046.2%202%2032%202m-1%2037v23h1c14.2%200%2026-9.8%2029.2-23z%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%2064%2064%22%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M61.7%2028c-.1-1-.3-2-.5-3H2.8c-.2%201-.4%202-.5%203zM2.3%2036c.1%201%20.3%202%20.5%203h58.3c.2-1%20.4-2%20.5-3z%22%2F%3E%3Cpath%20d%3D%22M20%204.5c-1%20.4-2%201-3%201.5v52q1.5.9%203%201.5zm8-2.2v59.5l3%20.3V2q-1.5%200-3%20.3%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23428bc1%22%3E%3Cpath%20d%3D%22M2%2032c0%201.4.1%202.7.3%204h59.5c.2-1.3.3-2.6.3-4s-.1-2.7-.3-4H2.3c-.2%201.3-.3%202.6-.3%204%22%2F%3E%3Cpath%20d%3D%22M20%2059.5c2.5%201.1%205.2%201.9%208%202.2V2.3c-2.8.4-5.5%201.1-8%202.2z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23ed4c5c%22%20d%3D%22M17%2025V6C10%2010.1%204.8%2016.9%202.8%2025zm0%2014v19C10%2053.9%204.8%2047.1%202.8%2039zM32%202h-1v23h30.2C58%2011.8%2046.2%202%2032%202m-1%2037v23h1c14.2%200%2026-9.8%2029.2-23z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/flag-for-norway.svg?color=%231a73e8&size=48