japanflag emoji

japanflag from Firefox OS Emoji by Mozilla · Default · Flags · Apache-2.0 Free for personal and commercial use.

Name
japanflag
Set
Firefox OS Emoji
Style
Default
Category
Flags
Viewbox
512×512
License
Apache 2.0

More flags icons from Firefox OS Emoji

chineseflagfranceflaggreatbritainflagitalianflagkoreaflagregionalindicatorbregionalindicatorcregionalindicatoreregionalindicatorfregionalindicatorgregionalindicatoriregionalindicatorjregionalindicatorkregionalindicatornregionalindicatorpregionalindicatorrregionalindicatorsregionalindicatortregionalindicatorurussianflagspanishflag

Use the japanflag emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#E8E8E8" d="M494.661 425.149c-159.52-37.139-319.04 45.468-478.559 8.329C7.209 431.416 0 422.098 0 413.212V98.788C0 89.89 7.209 84.79 16.101 86.851c159.52 37.139 319.04-45.468 478.559-8.329c8.892 2.061 16.101 11.379 16.101 20.266v314.424c.001 8.898-7.208 13.998-16.1 11.937"/><circle cx="255.381" cy="256" r="92.048" fill="#FF473E"/></svg>

React

import type { SVGProps } from "react";

export function FxemojiJapanflag(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#E8E8E8" d="M494.661 425.149c-159.52-37.139-319.04 45.468-478.559 8.329C7.209 431.416 0 422.098 0 413.212V98.788C0 89.89 7.209 84.79 16.101 86.851c159.52 37.139 319.04-45.468 478.559-8.329c8.892 2.061 16.101 11.379 16.101 20.266v314.424c.001 8.898-7.208 13.998-16.1 11.937"/><circle cx="255.381" cy="256" r="92.048" fill="#FF473E"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#E8E8E8" d="M494.661 425.149c-159.52-37.139-319.04 45.468-478.559 8.329C7.209 431.416 0 422.098 0 413.212V98.788C0 89.89 7.209 84.79 16.101 86.851c159.52 37.139 319.04-45.468 478.559-8.329c8.892 2.061 16.101 11.379 16.101 20.266v314.424c.001 8.898-7.208 13.998-16.1 11.937"/><circle cx="255.381" cy="256" r="92.048" fill="#FF473E"/></svg>
</template>

CSS

.icon-japanflag {
  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%20512%20512%22%3E%3Cpath%20fill%3D%22%23E8E8E8%22%20d%3D%22M494.661%20425.149c-159.52-37.139-319.04%2045.468-478.559%208.329C7.209%20431.416%200%20422.098%200%20413.212V98.788C0%2089.89%207.209%2084.79%2016.101%2086.851c159.52%2037.139%20319.04-45.468%20478.559-8.329c8.892%202.061%2016.101%2011.379%2016.101%2020.266v314.424c.001%208.898-7.208%2013.998-16.1%2011.937%22%2F%3E%3Ccircle%20cx%3D%22255.381%22%20cy%3D%22256%22%20r%3D%2292.048%22%20fill%3D%22%23FF473E%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%20512%20512%22%3E%3Cpath%20fill%3D%22%23E8E8E8%22%20d%3D%22M494.661%20425.149c-159.52-37.139-319.04%2045.468-478.559%208.329C7.209%20431.416%200%20422.098%200%20413.212V98.788C0%2089.89%207.209%2084.79%2016.101%2086.851c159.52%2037.139%20319.04-45.468%20478.559-8.329c8.892%202.061%2016.101%2011.379%2016.101%2020.266v314.424c.001%208.898-7.208%2013.998-16.1%2011.937%22%2F%3E%3Ccircle%20cx%3D%22255.381%22%20cy%3D%22256%22%20r%3D%2292.048%22%20fill%3D%22%23FF473E%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fxemoji/japanflag.svg?color=%231a73e8&size=48