flag hong kong sar china emoji
flag-hong-kong-sar-china from OpenMoji by OpenMoji · Default · Flags · CC-BY-SA-4.0 Attribution required.
- Name
- flag-hong-kong-sar-china
- Set
- OpenMoji
- Style
- Default
- Category
- Flags
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
The same emoji in other sets
More flags icons from OpenMoji
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 hong kong sar china emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#d22f27" d="M5 17h62v38H5z"/><path fill="#fff" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" d="M36.7 31.62c.982-.658 1.256-2.365.72-3.238s-.379-2.135-.144-2.686c-5.763 1.337-5.569 7.762-2.637 9.448c-.36-2.147 1.079-2.866 2.061-3.524"/><circle cx="35.44" cy="29.67" r=".75" fill="#d22f27" fill-rule="evenodd"/><path fill="#fff" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" d="M40.47 36.18c.93.73 2.638.463 3.302-.316c.664-.78 1.913-1.02 2.51-.967c-3.052-5.067-9.103-2.898-9.8.412c1.931-1.006 3.059.14 3.988.871"/><circle cx="45.65" cy="-29.26" r=".75" fill="#d22f27" fill-rule="evenodd" transform="rotate(72)"/><path fill="#fff" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" d="M37.3 41.17c-.407 1.109.374 2.652 1.321 3.042c.946.39 1.561 1.505 1.695 2.089c3.876-4.469-.057-9.553-3.42-9.193c1.554 1.526.811 2.953.404 4.062"/><circle cx="-7.242" cy="-57.19" r=".75" fill="#d22f27" fill-rule="evenodd" transform="rotate(144)"/><path fill="#fff" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" d="M31.57 39.7c-1.181-.045-2.406 1.176-2.485 2.196c-.08 1.021-.949 1.95-1.463 2.258c5.448 2.306 9.068-3.006 7.686-6.094c-.97 1.949-2.558 1.684-3.738 1.639z"/><circle cx="-50.14" cy="-15.51" r=".75" fill="#d22f27" fill-rule="evenodd" transform="rotate(216)"/><path fill="#fff" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" d="M31.21 33.8c-.322-1.137-1.862-1.925-2.857-1.685s-2.147-.3-2.599-.694c-.51 5.894 5.661 7.695 8.171 5.427c-2.154-.32-2.392-1.912-2.714-3.049z"/><circle cx="-23.77" cy="38.16" r=".75" fill="#d22f27" fill-rule="evenodd" transform="rotate(-72)"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 17h62v38H5z"/></svg>
React
import type { SVGProps } from "react";
export function OpenmojiFlagHongKongSarChina(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#d22f27" d="M5 17h62v38H5z"/><path fill="#fff" stroke="#fff" strokeLinecap="round" strokeLinejoin="round" d="M36.7 31.62c.982-.658 1.256-2.365.72-3.238s-.379-2.135-.144-2.686c-5.763 1.337-5.569 7.762-2.637 9.448c-.36-2.147 1.079-2.866 2.061-3.524"/><circle cx="35.44" cy="29.67" r=".75" fill="#d22f27" fillRule="evenodd"/><path fill="#fff" stroke="#fff" strokeLinecap="round" strokeLinejoin="round" d="M40.47 36.18c.93.73 2.638.463 3.302-.316c.664-.78 1.913-1.02 2.51-.967c-3.052-5.067-9.103-2.898-9.8.412c1.931-1.006 3.059.14 3.988.871"/><circle cx="45.65" cy="-29.26" r=".75" fill="#d22f27" fillRule="evenodd" transform="rotate(72)"/><path fill="#fff" stroke="#fff" strokeLinecap="round" strokeLinejoin="round" d="M37.3 41.17c-.407 1.109.374 2.652 1.321 3.042c.946.39 1.561 1.505 1.695 2.089c3.876-4.469-.057-9.553-3.42-9.193c1.554 1.526.811 2.953.404 4.062"/><circle cx="-7.242" cy="-57.19" r=".75" fill="#d22f27" fillRule="evenodd" transform="rotate(144)"/><path fill="#fff" stroke="#fff" strokeLinecap="round" strokeLinejoin="round" d="M31.57 39.7c-1.181-.045-2.406 1.176-2.485 2.196c-.08 1.021-.949 1.95-1.463 2.258c5.448 2.306 9.068-3.006 7.686-6.094c-.97 1.949-2.558 1.684-3.738 1.639z"/><circle cx="-50.14" cy="-15.51" r=".75" fill="#d22f27" fillRule="evenodd" transform="rotate(216)"/><path fill="#fff" stroke="#fff" strokeLinecap="round" strokeLinejoin="round" d="M31.21 33.8c-.322-1.137-1.862-1.925-2.857-1.685s-2.147-.3-2.599-.694c-.51 5.894 5.661 7.695 8.171 5.427c-2.154-.32-2.392-1.912-2.714-3.049z"/><circle cx="-23.77" cy="38.16" r=".75" fill="#d22f27" fillRule="evenodd" transform="rotate(-72)"/><path fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M5 17h62v38H5z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#d22f27" d="M5 17h62v38H5z"/><path fill="#fff" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" d="M36.7 31.62c.982-.658 1.256-2.365.72-3.238s-.379-2.135-.144-2.686c-5.763 1.337-5.569 7.762-2.637 9.448c-.36-2.147 1.079-2.866 2.061-3.524"/><circle cx="35.44" cy="29.67" r=".75" fill="#d22f27" fill-rule="evenodd"/><path fill="#fff" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" d="M40.47 36.18c.93.73 2.638.463 3.302-.316c.664-.78 1.913-1.02 2.51-.967c-3.052-5.067-9.103-2.898-9.8.412c1.931-1.006 3.059.14 3.988.871"/><circle cx="45.65" cy="-29.26" r=".75" fill="#d22f27" fill-rule="evenodd" transform="rotate(72)"/><path fill="#fff" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" d="M37.3 41.17c-.407 1.109.374 2.652 1.321 3.042c.946.39 1.561 1.505 1.695 2.089c3.876-4.469-.057-9.553-3.42-9.193c1.554 1.526.811 2.953.404 4.062"/><circle cx="-7.242" cy="-57.19" r=".75" fill="#d22f27" fill-rule="evenodd" transform="rotate(144)"/><path fill="#fff" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" d="M31.57 39.7c-1.181-.045-2.406 1.176-2.485 2.196c-.08 1.021-.949 1.95-1.463 2.258c5.448 2.306 9.068-3.006 7.686-6.094c-.97 1.949-2.558 1.684-3.738 1.639z"/><circle cx="-50.14" cy="-15.51" r=".75" fill="#d22f27" fill-rule="evenodd" transform="rotate(216)"/><path fill="#fff" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" d="M31.21 33.8c-.322-1.137-1.862-1.925-2.857-1.685s-2.147-.3-2.599-.694c-.51 5.894 5.661 7.695 8.171 5.427c-2.154-.32-2.392-1.912-2.714-3.049z"/><circle cx="-23.77" cy="38.16" r=".75" fill="#d22f27" fill-rule="evenodd" transform="rotate(-72)"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 17h62v38H5z"/></svg> </template>
CSS
.icon-flag-hong-kong-sar-china {
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%2072%2072%22%3E%3Cpath%20fill%3D%22%23d22f27%22%20d%3D%22M5%2017h62v38H5z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M36.7%2031.62c.982-.658%201.256-2.365.72-3.238s-.379-2.135-.144-2.686c-5.763%201.337-5.569%207.762-2.637%209.448c-.36-2.147%201.079-2.866%202.061-3.524%22%2F%3E%3Ccircle%20cx%3D%2235.44%22%20cy%3D%2229.67%22%20r%3D%22.75%22%20fill%3D%22%23d22f27%22%20fill-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M40.47%2036.18c.93.73%202.638.463%203.302-.316c.664-.78%201.913-1.02%202.51-.967c-3.052-5.067-9.103-2.898-9.8.412c1.931-1.006%203.059.14%203.988.871%22%2F%3E%3Ccircle%20cx%3D%2245.65%22%20cy%3D%22-29.26%22%20r%3D%22.75%22%20fill%3D%22%23d22f27%22%20fill-rule%3D%22evenodd%22%20transform%3D%22rotate(72)%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M37.3%2041.17c-.407%201.109.374%202.652%201.321%203.042c.946.39%201.561%201.505%201.695%202.089c3.876-4.469-.057-9.553-3.42-9.193c1.554%201.526.811%202.953.404%204.062%22%2F%3E%3Ccircle%20cx%3D%22-7.242%22%20cy%3D%22-57.19%22%20r%3D%22.75%22%20fill%3D%22%23d22f27%22%20fill-rule%3D%22evenodd%22%20transform%3D%22rotate(144)%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M31.57%2039.7c-1.181-.045-2.406%201.176-2.485%202.196c-.08%201.021-.949%201.95-1.463%202.258c5.448%202.306%209.068-3.006%207.686-6.094c-.97%201.949-2.558%201.684-3.738%201.639z%22%2F%3E%3Ccircle%20cx%3D%22-50.14%22%20cy%3D%22-15.51%22%20r%3D%22.75%22%20fill%3D%22%23d22f27%22%20fill-rule%3D%22evenodd%22%20transform%3D%22rotate(216)%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M31.21%2033.8c-.322-1.137-1.862-1.925-2.857-1.685s-2.147-.3-2.599-.694c-.51%205.894%205.661%207.695%208.171%205.427c-2.154-.32-2.392-1.912-2.714-3.049z%22%2F%3E%3Ccircle%20cx%3D%22-23.77%22%20cy%3D%2238.16%22%20r%3D%22.75%22%20fill%3D%22%23d22f27%22%20fill-rule%3D%22evenodd%22%20transform%3D%22rotate(-72)%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M5%2017h62v38H5z%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%2072%2072%22%3E%3Cpath%20fill%3D%22%23d22f27%22%20d%3D%22M5%2017h62v38H5z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M36.7%2031.62c.982-.658%201.256-2.365.72-3.238s-.379-2.135-.144-2.686c-5.763%201.337-5.569%207.762-2.637%209.448c-.36-2.147%201.079-2.866%202.061-3.524%22%2F%3E%3Ccircle%20cx%3D%2235.44%22%20cy%3D%2229.67%22%20r%3D%22.75%22%20fill%3D%22%23d22f27%22%20fill-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M40.47%2036.18c.93.73%202.638.463%203.302-.316c.664-.78%201.913-1.02%202.51-.967c-3.052-5.067-9.103-2.898-9.8.412c1.931-1.006%203.059.14%203.988.871%22%2F%3E%3Ccircle%20cx%3D%2245.65%22%20cy%3D%22-29.26%22%20r%3D%22.75%22%20fill%3D%22%23d22f27%22%20fill-rule%3D%22evenodd%22%20transform%3D%22rotate(72)%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M37.3%2041.17c-.407%201.109.374%202.652%201.321%203.042c.946.39%201.561%201.505%201.695%202.089c3.876-4.469-.057-9.553-3.42-9.193c1.554%201.526.811%202.953.404%204.062%22%2F%3E%3Ccircle%20cx%3D%22-7.242%22%20cy%3D%22-57.19%22%20r%3D%22.75%22%20fill%3D%22%23d22f27%22%20fill-rule%3D%22evenodd%22%20transform%3D%22rotate(144)%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M31.57%2039.7c-1.181-.045-2.406%201.176-2.485%202.196c-.08%201.021-.949%201.95-1.463%202.258c5.448%202.306%209.068-3.006%207.686-6.094c-.97%201.949-2.558%201.684-3.738%201.639z%22%2F%3E%3Ccircle%20cx%3D%22-50.14%22%20cy%3D%22-15.51%22%20r%3D%22.75%22%20fill%3D%22%23d22f27%22%20fill-rule%3D%22evenodd%22%20transform%3D%22rotate(216)%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M31.21%2033.8c-.322-1.137-1.862-1.925-2.857-1.685s-2.147-.3-2.599-.694c-.51%205.894%205.661%207.695%208.171%205.427c-2.154-.32-2.392-1.912-2.714-3.049z%22%2F%3E%3Ccircle%20cx%3D%22-23.77%22%20cy%3D%2238.16%22%20r%3D%22.75%22%20fill%3D%22%23d22f27%22%20fill-rule%3D%22evenodd%22%20transform%3D%22rotate(-72)%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M5%2017h62v38H5z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/flag-hong-kong-sar-china.svg?color=%231a73e8&size=48
