franceflag emoji

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

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

More flags icons from Firefox OS Emoji

chineseflaggreatbritainflagitalianflagjapanflagkoreaflagregionalindicatorbregionalindicatorcregionalindicatoreregionalindicatorfregionalindicatorgregionalindicatoriregionalindicatorjregionalindicatorkregionalindicatornregionalindicatorpregionalindicatorrregionalindicatorsregionalindicatortregionalindicatorurussianflagspanishflag

Use the franceflag emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#0B67B2" d="M16.101 433.477c51.257 11.934 102.515 11.496 153.772 6.648v-.146c106.749-10.903 213.498-42.724 320.248-17.049c9.944 2.392 19.499-5.177 19.499-15.405V94.03c0-.632-.05-1.253-.123-1.868c-2.445-6.466-8.167-12.093-14.835-13.639c-97.449-22.688-194.899-.69-292.348 11.399c-10.813 1.452-21.626 2.773-32.439 3.878v-.3c-51.257 4.848-102.515 5.286-153.772-6.648C7.209 84.79 0 89.89 0 98.788v314.424c0 8.886 7.209 18.204 16.101 20.265"/><path fill="#FF473E" d="M509.619 92.532c-2.364-6.619-8.163-12.435-14.959-14.01c-51.638-12.022-103.276-11.49-154.914-6.54v346.626c51.638-4.95 103.276-5.482 154.914 6.54c6.795 1.575 12.595-1.041 14.959-6.328z"/><path fill="#E8E8E8" d="M169.873 440.125c56.624-5.356 113.249-16.089 169.873-21.517V71.982c-56.624 5.428-113.249 16.161-169.873 21.517z"/></svg>

React

import type { SVGProps } from "react";

export function FxemojiFranceflag(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#0B67B2" d="M16.101 433.477c51.257 11.934 102.515 11.496 153.772 6.648v-.146c106.749-10.903 213.498-42.724 320.248-17.049c9.944 2.392 19.499-5.177 19.499-15.405V94.03c0-.632-.05-1.253-.123-1.868c-2.445-6.466-8.167-12.093-14.835-13.639c-97.449-22.688-194.899-.69-292.348 11.399c-10.813 1.452-21.626 2.773-32.439 3.878v-.3c-51.257 4.848-102.515 5.286-153.772-6.648C7.209 84.79 0 89.89 0 98.788v314.424c0 8.886 7.209 18.204 16.101 20.265"/><path fill="#FF473E" d="M509.619 92.532c-2.364-6.619-8.163-12.435-14.959-14.01c-51.638-12.022-103.276-11.49-154.914-6.54v346.626c51.638-4.95 103.276-5.482 154.914 6.54c6.795 1.575 12.595-1.041 14.959-6.328z"/><path fill="#E8E8E8" d="M169.873 440.125c56.624-5.356 113.249-16.089 169.873-21.517V71.982c-56.624 5.428-113.249 16.161-169.873 21.517z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#0B67B2" d="M16.101 433.477c51.257 11.934 102.515 11.496 153.772 6.648v-.146c106.749-10.903 213.498-42.724 320.248-17.049c9.944 2.392 19.499-5.177 19.499-15.405V94.03c0-.632-.05-1.253-.123-1.868c-2.445-6.466-8.167-12.093-14.835-13.639c-97.449-22.688-194.899-.69-292.348 11.399c-10.813 1.452-21.626 2.773-32.439 3.878v-.3c-51.257 4.848-102.515 5.286-153.772-6.648C7.209 84.79 0 89.89 0 98.788v314.424c0 8.886 7.209 18.204 16.101 20.265"/><path fill="#FF473E" d="M509.619 92.532c-2.364-6.619-8.163-12.435-14.959-14.01c-51.638-12.022-103.276-11.49-154.914-6.54v346.626c51.638-4.95 103.276-5.482 154.914 6.54c6.795 1.575 12.595-1.041 14.959-6.328z"/><path fill="#E8E8E8" d="M169.873 440.125c56.624-5.356 113.249-16.089 169.873-21.517V71.982c-56.624 5.428-113.249 16.161-169.873 21.517z"/></svg>
</template>

CSS

.icon-franceflag {
  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%230B67B2%22%20d%3D%22M16.101%20433.477c51.257%2011.934%20102.515%2011.496%20153.772%206.648v-.146c106.749-10.903%20213.498-42.724%20320.248-17.049c9.944%202.392%2019.499-5.177%2019.499-15.405V94.03c0-.632-.05-1.253-.123-1.868c-2.445-6.466-8.167-12.093-14.835-13.639c-97.449-22.688-194.899-.69-292.348%2011.399c-10.813%201.452-21.626%202.773-32.439%203.878v-.3c-51.257%204.848-102.515%205.286-153.772-6.648C7.209%2084.79%200%2089.89%200%2098.788v314.424c0%208.886%207.209%2018.204%2016.101%2020.265%22%2F%3E%3Cpath%20fill%3D%22%23FF473E%22%20d%3D%22M509.619%2092.532c-2.364-6.619-8.163-12.435-14.959-14.01c-51.638-12.022-103.276-11.49-154.914-6.54v346.626c51.638-4.95%20103.276-5.482%20154.914%206.54c6.795%201.575%2012.595-1.041%2014.959-6.328z%22%2F%3E%3Cpath%20fill%3D%22%23E8E8E8%22%20d%3D%22M169.873%20440.125c56.624-5.356%20113.249-16.089%20169.873-21.517V71.982c-56.624%205.428-113.249%2016.161-169.873%2021.517z%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%230B67B2%22%20d%3D%22M16.101%20433.477c51.257%2011.934%20102.515%2011.496%20153.772%206.648v-.146c106.749-10.903%20213.498-42.724%20320.248-17.049c9.944%202.392%2019.499-5.177%2019.499-15.405V94.03c0-.632-.05-1.253-.123-1.868c-2.445-6.466-8.167-12.093-14.835-13.639c-97.449-22.688-194.899-.69-292.348%2011.399c-10.813%201.452-21.626%202.773-32.439%203.878v-.3c-51.257%204.848-102.515%205.286-153.772-6.648C7.209%2084.79%200%2089.89%200%2098.788v314.424c0%208.886%207.209%2018.204%2016.101%2020.265%22%2F%3E%3Cpath%20fill%3D%22%23FF473E%22%20d%3D%22M509.619%2092.532c-2.364-6.619-8.163-12.435-14.959-14.01c-51.638-12.022-103.276-11.49-154.914-6.54v346.626c51.638-4.95%20103.276-5.482%20154.914%206.54c6.795%201.575%2012.595-1.041%2014.959-6.328z%22%2F%3E%3Cpath%20fill%3D%22%23E8E8E8%22%20d%3D%22M169.873%20440.125c56.624-5.356%20113.249-16.089%20169.873-21.517V71.982c-56.624%205.428-113.249%2016.161-169.873%2021.517z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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