diff --git a/components/ui/flag-icons.tsx b/components/ui/flag-icons.tsx
index d03c65424..8c187c0ad 100644
--- a/components/ui/flag-icons.tsx
+++ b/components/ui/flag-icons.tsx
@@ -134,7 +134,9 @@ function FlagEE(props: FlagProps) {
 function FlagTH(props: FlagProps) {
   return <Flag {...props}><path fill="#A7122D" d="M0 26.518V27c0 2.209 1.791 4 4 4h28c2.209 0 4-1.791 4-4v-.482H0z" /><path fill="#EEE" d="M0 22.181h36v4.485H0z" /><path fill="#292648" d="M0 13.513h36v8.821H0z" /><path fill="#EEE" d="M0 9.181h36v4.485H0z" /><path fill="#A7122D" d="M0 9.333V9c0-2.209 1.791-4 4-4h28c2.209 0 4 1.791 4 4v.333H0z" /></Flag>;
 }
-
+function FlagVN(props: FlagProps) {
+  return ( <Flag {...props}><path fill="#DA251D" d="M32 5H4C1.791 5 0 6.791 0 9v18c0 2.209 1.791 4 4 4h28c2.209 0 4-1.791 4-4V9c0-2.209-1.791-4-4-4z"/><path fill="#FFFF00" d="M18 10.2l1.751 5.39h5.668l-4.585 3.33 1.751 5.39L18 20.979l-4.585 3.331 1.751-5.39-4.585-3.33h5.668z"/></Flag>);
+}
 export const flagComponents: Record<string, (props: FlagProps) => ReactElement> = {
   ar: FlagAE,
   ca: FlagCAT,
@@ -160,6 +162,7 @@ export const flagComponents: Record<string, (props: FlagProps) => ReactElement>
   tr: FlagTR,
   ru: FlagRU,
   uk: FlagUA,
+  vi: FlagVN,
   ko: FlagKR,
   ja: FlagJP,
   mn: FlagMN,