diff --git a/src/components/avatar/avatar.jsx b/src/components/avatar/avatar.jsx
new file mode 100644
index 00000000000..4fa6963a1c4
--- /dev/null
+++ b/src/components/avatar/avatar.jsx
@@ -0,0 +1,22 @@
+const user = {
+    name: 'Me_rudy',
+    imageUrl: 'https://trampoline.turbowarp.org/avatars/by-username/Mr_rudy',
+    imageSize: 90,
+  };
+  
+  export default function Profile() {
+    return (
+      <>
+        <h1>{user.name}</h1>
+        <img
+          className="avatar"
+          src={user.imageUrl}
+          alt={'Avatar of ' + user.name}
+          style={{
+            width: user.imageSize,
+            height: user.imageSize
+          }}
+        />
+      </>
+    );
+  }
\ No newline at end of file