flag for mauritius emoji

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

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

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 mauritius emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#ed4c5c" d="M32 2C21.3 2 11.9 7.6 6.6 16h50.7C52.1 7.6 42.7 2 32 2"/><path fill="#2a5f9e" d="M6.6 16C3.7 20.6 2 26.1 2 32h60c0-5.9-1.7-11.4-4.6-16z"/><path fill="#699635" d="M6.6 48c5.3 8.4 14.7 14 25.4 14s20.1-5.6 25.4-14z"/><path fill="#ffce31" d="M57.4 48c2.9-4.6 4.6-10.1 4.6-16H2c0 5.9 1.7 11.4 4.6 16z"/></svg>

React

import type { SVGProps } from "react";

export function EmojioneFlagForMauritius(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#ed4c5c" d="M32 2C21.3 2 11.9 7.6 6.6 16h50.7C52.1 7.6 42.7 2 32 2"/><path fill="#2a5f9e" d="M6.6 16C3.7 20.6 2 26.1 2 32h60c0-5.9-1.7-11.4-4.6-16z"/><path fill="#699635" d="M6.6 48c5.3 8.4 14.7 14 25.4 14s20.1-5.6 25.4-14z"/><path fill="#ffce31" d="M57.4 48c2.9-4.6 4.6-10.1 4.6-16H2c0 5.9 1.7 11.4 4.6 16z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#ed4c5c" d="M32 2C21.3 2 11.9 7.6 6.6 16h50.7C52.1 7.6 42.7 2 32 2"/><path fill="#2a5f9e" d="M6.6 16C3.7 20.6 2 26.1 2 32h60c0-5.9-1.7-11.4-4.6-16z"/><path fill="#699635" d="M6.6 48c5.3 8.4 14.7 14 25.4 14s20.1-5.6 25.4-14z"/><path fill="#ffce31" d="M57.4 48c2.9-4.6 4.6-10.1 4.6-16H2c0 5.9 1.7 11.4 4.6 16z"/></svg>
</template>

CSS

.icon-flag-for-mauritius {
  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%3Cpath%20fill%3D%22%23ed4c5c%22%20d%3D%22M32%202C21.3%202%2011.9%207.6%206.6%2016h50.7C52.1%207.6%2042.7%202%2032%202%22%2F%3E%3Cpath%20fill%3D%22%232a5f9e%22%20d%3D%22M6.6%2016C3.7%2020.6%202%2026.1%202%2032h60c0-5.9-1.7-11.4-4.6-16z%22%2F%3E%3Cpath%20fill%3D%22%23699635%22%20d%3D%22M6.6%2048c5.3%208.4%2014.7%2014%2025.4%2014s20.1-5.6%2025.4-14z%22%2F%3E%3Cpath%20fill%3D%22%23ffce31%22%20d%3D%22M57.4%2048c2.9-4.6%204.6-10.1%204.6-16H2c0%205.9%201.7%2011.4%204.6%2016z%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%3Cpath%20fill%3D%22%23ed4c5c%22%20d%3D%22M32%202C21.3%202%2011.9%207.6%206.6%2016h50.7C52.1%207.6%2042.7%202%2032%202%22%2F%3E%3Cpath%20fill%3D%22%232a5f9e%22%20d%3D%22M6.6%2016C3.7%2020.6%202%2026.1%202%2032h60c0-5.9-1.7-11.4-4.6-16z%22%2F%3E%3Cpath%20fill%3D%22%23699635%22%20d%3D%22M6.6%2048c5.3%208.4%2014.7%2014%2025.4%2014s20.1-5.6%2025.4-14z%22%2F%3E%3Cpath%20fill%3D%22%23ffce31%22%20d%3D%22M57.4%2048c2.9-4.6%204.6-10.1%204.6-16H2c0%205.9%201.7%2011.4%204.6%2016z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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