diff --git a/packages/app/src/components/Icons/customIcons/verifiedBadge.jsx b/packages/app/src/components/Icons/customIcons/verifiedBadge.jsx
new file mode 100644
index 00000000..e8e16868
--- /dev/null
+++ b/packages/app/src/components/Icons/customIcons/verifiedBadge.jsx
@@ -0,0 +1,3 @@
+export default (props) => <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" {...props}>
+    <path d="M23 12l-2.44-2.78.34-3.68-3.61-.82-1.89-3.18L12 3 8.6 1.54 6.71 4.72l-3.61.81.34 3.68L1 12l2.44 2.78-.34 3.69 3.61.82 1.89 3.18L12 21l3.4 1.46 1.89-3.18 3.61-.82-.34-3.68L23 12m-13 5l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z"></path>
+</svg>
\ No newline at end of file
diff --git a/packages/app/src/components/Icons/customIcons/vrchat.jsx b/packages/app/src/components/Icons/customIcons/vrchat.jsx
new file mode 100644
index 00000000..ff7ee3f1
--- /dev/null
+++ b/packages/app/src/components/Icons/customIcons/vrchat.jsx
@@ -0,0 +1,21 @@
+export default (props) => <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fillRule="nonzero" {...props}>
+    <defs>
+        <linearGradient x1="32" y1="8.202" x2="32" y2="59.635" gradientUnits="userSpaceOnUse" id="color-1">
+            <stop offset="0" stopColor="currentColor"></stop><stop offset="1" stopColor="currentColor"></stop>
+        </linearGradient>
+        <linearGradient x1="39.899" y1="16.499" x2="40.598" y2="36.634" gradientUnits="userSpaceOnUse" id="color-2">
+            <stop offset="0" stopColor="currentColor"></stop><stop offset="1" stopColor="currentColor"></stop>
+        </linearGradient>
+        <linearGradient x1="23.858" y1="17.126" x2="24.557" y2="37.261" gradientUnits="userSpaceOnUse" id="color-3">
+            <stop offset="0" stopColor="currentColor"></stop>
+            <stop offset="1" stopColor="currentColor"></stop>
+        </linearGradient>
+    </defs>
+    <g fill="none" fillRule="nonzero" stroke="none" strokeWidth="1" strokeLinecap="butt" strokeLinejoin="miter" strokeMiterlimit="10" strokeDasharray="" strokeDashoffset="0" style={{ mixBlendMode: "normal" }}>
+        <g>
+            <path d="M47.99,59c-0.928,0 -1.819,-0.438 -2.386,-1.174l-9.096,-11.826h-24.508c-2.757,0 -5,-2.243 -5,-5v-29c0,-2.757 2.243,-5 5,-5h40c2.757,0 5,2.243 5,5v29c0,2.757 -2.243,5 -5,5h-1v9.99c0,1.659 -1.351,3.01 -3.01,3.01zM12,9c-1.654,0 -3,1.346 -3,3v29c0,1.654 1.346,3 3,3h25c0.311,0 0.604,0.145 0.793,0.391l9.396,12.216c0.193,0.249 0.485,0.393 0.801,0.393c0.557,0 1.01,-0.453 1.01,-1.01v-10.99c0,-0.553 0.447,-1 1,-1h2c1.654,0 3,-1.346 3,-3v-29c0,-1.654 -1.346,-3 -3,-3z" fill="url(#color-1)"></path>
+            <path d="M46.6,26.5v-6.3c0,-2.32 -1.88,-4.2 -4.2,-4.2h-4.2c-2.32,0 -4.2,1.88 -4.2,4.2v15.75c0,0.58 0.47,1.05 1.05,1.05h2.1c0.58,0 1.05,-0.47 1.05,-1.05v-5.25h1.207l2.868,5.721c0.179,0.355 0.542,0.579 0.939,0.579h2.334c0.781,0 1.289,-0.822 0.939,-1.52l-2.546,-5.081c1.555,-0.616 2.659,-2.125 2.659,-3.899zM38.2,25.45v-4.2c0,-0.58 0.47,-1.05 1.05,-1.05h2.1c0.58,0 1.05,0.47 1.05,1.05v4.2c0,0.58 -0.47,1.05 -1.05,1.05h-2.1c-0.58,0 -1.05,-0.47 -1.05,-1.05z" fill="url(#color-2)"></path>
+            <path d="M31.872,17.327l-5.16,18.9c-0.124,0.456 -0.539,0.773 -1.012,0.773h-3.688c-0.473,0 -0.888,-0.317 -1.013,-0.773l-5.16,-18.9c-0.183,-0.668 0.32,-1.327 1.012,-1.327h2.17c0.473,0 0.888,0.317 1.013,0.773l3.821,13.99l3.821,-13.99c0.125,-0.456 0.54,-0.773 1.013,-0.773h2.17c0.693,0 1.196,0.659 1.013,1.327z" fill="url(#color-3)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/packages/app/src/components/Icons/index.jsx b/packages/app/src/components/Icons/index.jsx
index 0cda33a5..a72a4c7f 100755
--- a/packages/app/src/components/Icons/index.jsx
+++ b/packages/app/src/components/Icons/index.jsx
@@ -1,16 +1,30 @@
 import React from "react"
 
+import VrChatIcon from "./customIcons/vrchat"
+import VerifiedBadge from "./customIcons/verifiedBadge"
+
 // import icons lib
 import * as lib1 from "feather-reactjs"
-import * as lib2 from "react-icons/md"
-import * as lib3 from "@ant-design/icons"
+import * as lib2 from "@ant-design/icons"
+import * as lib3 from "react-icons/md"
 import * as lib4 from "react-icons/io"
 import * as lib5 from "react-icons/si"
+import * as lib6 from "react-icons/fa"
 
-const marginedStyle = { width: "1em", height: "1em", marginRight: "10px", verticalAlign: "-0.125em" }
+const marginedStyle = {
+    width: "1em",
+    height: "1em",
+    marginRight: "10px",
+    verticalAlign: "-0.125em"
+}
 
 const customs = {
-    verifiedBadge: () => <svg style={marginedStyle} xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24"> <path d="M23 12l-2.44-2.78.34-3.68-3.61-.82-1.89-3.18L12 3 8.6 1.54 6.71 4.72l-3.61.81.34 3.68L1 12l2.44 2.78-.34 3.69 3.61.82 1.89 3.18L12 21l3.4 1.46 1.89-3.18 3.61-.82-.34-3.68L23 12m-13 5l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z"></path></svg>,
+    verifiedBadge: () => <VerifiedBadge
+        style={marginedStyle}
+    />,
+    VrChat: () => <VrChatIcon
+        style={marginedStyle}
+    />,
 }
 
 export const Icons = {
@@ -20,6 +34,7 @@ export const Icons = {
     ...lib3,
     ...lib4,
     ...lib5,
+    ...lib6,
 }
 
 export function createIconRender(icon, props) {