diff --git a/src/assets/avatar/Avatar1.tsx b/src/assets/avatar/Avatar1.tsx
new file mode 100644
index 00000000..53434781
--- /dev/null
+++ b/src/assets/avatar/Avatar1.tsx
@@ -0,0 +1,59 @@
+const Avatar1 = () => {
+ return (
+
+ );
+};
+
+export default Avatar1;
diff --git a/src/assets/avatar/Avatar10.tsx b/src/assets/avatar/Avatar10.tsx
new file mode 100644
index 00000000..3df93987
--- /dev/null
+++ b/src/assets/avatar/Avatar10.tsx
@@ -0,0 +1,58 @@
+const Avatar10 = () => {
+ return (
+
+ );
+};
+export default Avatar10;
diff --git a/src/assets/avatar/Avatar11.tsx b/src/assets/avatar/Avatar11.tsx
new file mode 100644
index 00000000..ffd42e93
--- /dev/null
+++ b/src/assets/avatar/Avatar11.tsx
@@ -0,0 +1,64 @@
+const Avatar11 = () => {
+ return (
+
+ );
+};
+
+export default Avatar11;
diff --git a/src/assets/avatar/Avatar12.tsx b/src/assets/avatar/Avatar12.tsx
new file mode 100644
index 00000000..b25bc5dd
--- /dev/null
+++ b/src/assets/avatar/Avatar12.tsx
@@ -0,0 +1,59 @@
+const Avatar12 = () => {
+ return (
+
+ );
+};
+
+export default Avatar12;
diff --git a/src/assets/avatar/Avatar13.tsx b/src/assets/avatar/Avatar13.tsx
new file mode 100644
index 00000000..e3e7f484
--- /dev/null
+++ b/src/assets/avatar/Avatar13.tsx
@@ -0,0 +1,58 @@
+const Avatar13 = () => {
+ return (
+
+ );
+};
+export default Avatar13;
diff --git a/src/assets/avatar/Avatar14.tsx b/src/assets/avatar/Avatar14.tsx
new file mode 100644
index 00000000..4713486d
--- /dev/null
+++ b/src/assets/avatar/Avatar14.tsx
@@ -0,0 +1,58 @@
+const Avatar14 = () => {
+ return (
+
+ );
+};
+export default Avatar14;
diff --git a/src/assets/avatar/Avatar15.tsx b/src/assets/avatar/Avatar15.tsx
new file mode 100644
index 00000000..28272211
--- /dev/null
+++ b/src/assets/avatar/Avatar15.tsx
@@ -0,0 +1,59 @@
+const Avatar15 = () => {
+ return (
+
+ );
+};
+
+export default Avatar15;
diff --git a/src/assets/avatar/Avatar16.tsx b/src/assets/avatar/Avatar16.tsx
new file mode 100644
index 00000000..35d25b69
--- /dev/null
+++ b/src/assets/avatar/Avatar16.tsx
@@ -0,0 +1,59 @@
+const Avatar16 = () => {
+ return (
+
+ );
+};
+
+export default Avatar16;
diff --git a/src/assets/avatar/Avatar17.tsx b/src/assets/avatar/Avatar17.tsx
new file mode 100644
index 00000000..9fc940dc
--- /dev/null
+++ b/src/assets/avatar/Avatar17.tsx
@@ -0,0 +1,59 @@
+const Avatar17 = () => {
+ return (
+
+ );
+};
+
+export default Avatar17;
diff --git a/src/assets/avatar/Avatar18.tsx b/src/assets/avatar/Avatar18.tsx
new file mode 100644
index 00000000..47885ef3
--- /dev/null
+++ b/src/assets/avatar/Avatar18.tsx
@@ -0,0 +1,58 @@
+const Avatar18 = () => {
+ return (
+
+ );
+};
+export default Avatar18;
diff --git a/src/assets/avatar/Avatar19.tsx b/src/assets/avatar/Avatar19.tsx
new file mode 100644
index 00000000..43409f01
--- /dev/null
+++ b/src/assets/avatar/Avatar19.tsx
@@ -0,0 +1,63 @@
+const Avatar19 = () => {
+ return (
+
+ );
+};
+export default Avatar19;
diff --git a/src/assets/avatar/Avatar2.tsx b/src/assets/avatar/Avatar2.tsx
new file mode 100644
index 00000000..6406eaab
--- /dev/null
+++ b/src/assets/avatar/Avatar2.tsx
@@ -0,0 +1,59 @@
+const Avatar2 = () => {
+ return (
+
+ );
+};
+
+export default Avatar2;
diff --git a/src/assets/avatar/Avatar20.tsx b/src/assets/avatar/Avatar20.tsx
new file mode 100644
index 00000000..eefc966e
--- /dev/null
+++ b/src/assets/avatar/Avatar20.tsx
@@ -0,0 +1,58 @@
+const Avatar20 = () => {
+ return (
+
+ );
+};
+export default Avatar20;
diff --git a/src/assets/avatar/Avatar21.tsx b/src/assets/avatar/Avatar21.tsx
new file mode 100644
index 00000000..95714001
--- /dev/null
+++ b/src/assets/avatar/Avatar21.tsx
@@ -0,0 +1,58 @@
+const Avatar21 = () => {
+ return (
+
+ );
+};
+export default Avatar21;
diff --git a/src/assets/avatar/Avatar22.tsx b/src/assets/avatar/Avatar22.tsx
new file mode 100644
index 00000000..862f43f0
--- /dev/null
+++ b/src/assets/avatar/Avatar22.tsx
@@ -0,0 +1,63 @@
+const Avatar22 = () => {
+ return (
+
+ );
+};
+export default Avatar22;
diff --git a/src/assets/avatar/Avatar23.tsx b/src/assets/avatar/Avatar23.tsx
new file mode 100644
index 00000000..8a703301
--- /dev/null
+++ b/src/assets/avatar/Avatar23.tsx
@@ -0,0 +1,63 @@
+const Avatar23 = () => {
+ return (
+
+ );
+};
+export default Avatar23;
diff --git a/src/assets/avatar/Avatar24.tsx b/src/assets/avatar/Avatar24.tsx
new file mode 100644
index 00000000..6f15b124
--- /dev/null
+++ b/src/assets/avatar/Avatar24.tsx
@@ -0,0 +1,63 @@
+const Avatar24 = () => {
+ return (
+
+ );
+};
+export default Avatar24;
diff --git a/src/assets/avatar/Avatar25.tsx b/src/assets/avatar/Avatar25.tsx
new file mode 100644
index 00000000..802329f0
--- /dev/null
+++ b/src/assets/avatar/Avatar25.tsx
@@ -0,0 +1,58 @@
+const Avatar25 = () => {
+ return (
+
+ );
+};
+export default Avatar25;
diff --git a/src/assets/avatar/Avatar26.tsx b/src/assets/avatar/Avatar26.tsx
new file mode 100644
index 00000000..d355b64f
--- /dev/null
+++ b/src/assets/avatar/Avatar26.tsx
@@ -0,0 +1,58 @@
+const avatar26 = () => {
+ return (
+
+ );
+};
+export default avatar26;
diff --git a/src/assets/avatar/Avatar27.tsx b/src/assets/avatar/Avatar27.tsx
new file mode 100644
index 00000000..361b091f
--- /dev/null
+++ b/src/assets/avatar/Avatar27.tsx
@@ -0,0 +1,58 @@
+const Avatar27 = () => {
+ return (
+
+ );
+};
+export default Avatar27;
diff --git a/src/assets/avatar/Avatar28.tsx b/src/assets/avatar/Avatar28.tsx
new file mode 100644
index 00000000..e85a858c
--- /dev/null
+++ b/src/assets/avatar/Avatar28.tsx
@@ -0,0 +1,63 @@
+const Avatar28 = () => {
+ return (
+
+ );
+};
+export default Avatar28;
diff --git a/src/assets/avatar/Avatar29.tsx b/src/assets/avatar/Avatar29.tsx
new file mode 100644
index 00000000..881ef422
--- /dev/null
+++ b/src/assets/avatar/Avatar29.tsx
@@ -0,0 +1,58 @@
+const Avatar29 = () => {
+ return (
+
+ );
+};
+export default Avatar29;
diff --git a/src/assets/avatar/Avatar3.tsx b/src/assets/avatar/Avatar3.tsx
new file mode 100644
index 00000000..6e080942
--- /dev/null
+++ b/src/assets/avatar/Avatar3.tsx
@@ -0,0 +1,59 @@
+const Avatar3 = () => {
+ return (
+
+ );
+};
+
+export default Avatar3;
diff --git a/src/assets/avatar/Avatar30.tsx b/src/assets/avatar/Avatar30.tsx
new file mode 100644
index 00000000..a74b8f75
--- /dev/null
+++ b/src/assets/avatar/Avatar30.tsx
@@ -0,0 +1,58 @@
+const Avatar30 = () => {
+ return (
+
+ );
+};
+export default Avatar30;
diff --git a/src/assets/avatar/Avatar4.tsx b/src/assets/avatar/Avatar4.tsx
new file mode 100644
index 00000000..0ff7b70a
--- /dev/null
+++ b/src/assets/avatar/Avatar4.tsx
@@ -0,0 +1,64 @@
+const Avatar4 = () => {
+ return (
+
+ );
+};
+
+export default Avatar4;
diff --git a/src/assets/avatar/Avatar5.tsx b/src/assets/avatar/Avatar5.tsx
new file mode 100644
index 00000000..0cb82f93
--- /dev/null
+++ b/src/assets/avatar/Avatar5.tsx
@@ -0,0 +1,59 @@
+const Avatar5 = () => {
+ return (
+
+ );
+};
+
+export default Avatar5;
diff --git a/src/assets/avatar/Avatar6.tsx b/src/assets/avatar/Avatar6.tsx
new file mode 100644
index 00000000..0939bd0a
--- /dev/null
+++ b/src/assets/avatar/Avatar6.tsx
@@ -0,0 +1,64 @@
+const Avatar6 = () => {
+ return (
+
+ );
+};
+
+export default Avatar6;
diff --git a/src/assets/avatar/Avatar7.tsx b/src/assets/avatar/Avatar7.tsx
new file mode 100644
index 00000000..36a745b7
--- /dev/null
+++ b/src/assets/avatar/Avatar7.tsx
@@ -0,0 +1,63 @@
+const Avatar7 = () => {
+ return (
+
+ );
+};
+export default Avatar7;
diff --git a/src/assets/avatar/Avatar8.tsx b/src/assets/avatar/Avatar8.tsx
new file mode 100644
index 00000000..53bd154d
--- /dev/null
+++ b/src/assets/avatar/Avatar8.tsx
@@ -0,0 +1,59 @@
+const Avatar8 = () => {
+ return (
+
+ );
+};
+
+export default Avatar8;
diff --git a/src/assets/avatar/Avatar9.tsx b/src/assets/avatar/Avatar9.tsx
new file mode 100644
index 00000000..681123d9
--- /dev/null
+++ b/src/assets/avatar/Avatar9.tsx
@@ -0,0 +1,58 @@
+const Avatar9 = () => {
+ return (
+
+ );
+};
+export default Avatar9;
diff --git a/src/assets/avatar/MyAvatar.tsx b/src/assets/avatar/MyAvatar.tsx
new file mode 100644
index 00000000..38a8a7d6
--- /dev/null
+++ b/src/assets/avatar/MyAvatar.tsx
@@ -0,0 +1,68 @@
+import * as Avatars from '.';
+
+type Props = {
+ num: number;
+};
+
+export default function MyAvatar({ num }: Props) {
+ if (num === 1) {
+ return ;
+ } else if (num === 2) {
+ return ;
+ } else if (num === 3) {
+ return ;
+ } else if (num === 4) {
+ return ;
+ } else if (num === 5) {
+ return ;
+ } else if (num === 6) {
+ return ;
+ } else if (num === 7) {
+ return ;
+ } else if (num === 8) {
+ return ;
+ } else if (num === 9) {
+ return ;
+ } else if (num === 10) {
+ return ;
+ } else if (num === 11) {
+ return ;
+ } else if (num === 12) {
+ return ;
+ } else if (num === 13) {
+ return ;
+ } else if (num === 14) {
+ return ;
+ } else if (num === 15) {
+ return ;
+ } else if (num === 16) {
+ return ;
+ } else if (num === 17) {
+ return ;
+ } else if (num === 18) {
+ return ;
+ } else if (num === 19) {
+ return ;
+ } else if (num === 20) {
+ return ;
+ } else if (num === 21) {
+ return ;
+ } else if (num === 22) {
+ return ;
+ } else if (num === 23) {
+ return ;
+ } else if (num === 24) {
+ return ;
+ } else if (num === 25) {
+ return ;
+ } else if (num === 26) {
+ return ;
+ } else if (num === 27) {
+ return ;
+ } else if (num === 28) {
+ return ;
+ } else if (num === 29) {
+ return ;
+ }
+ return ;
+}
diff --git a/src/assets/avatar/index.ts b/src/assets/avatar/index.ts
new file mode 100644
index 00000000..dd500d2e
--- /dev/null
+++ b/src/assets/avatar/index.ts
@@ -0,0 +1,30 @@
+export { default as Avatar1 } from './Avatar1';
+export { default as Avatar2 } from './Avatar2';
+export { default as Avatar3 } from './Avatar3';
+export { default as Avatar4 } from './Avatar4';
+export { default as Avatar5 } from './Avatar5';
+export { default as Avatar6 } from './Avatar6';
+export { default as Avatar7 } from './Avatar7';
+export { default as Avatar8 } from './Avatar8';
+export { default as Avatar9 } from './Avatar9';
+export { default as Avatar10 } from './Avatar10';
+export { default as Avatar11 } from './Avatar11';
+export { default as Avatar12 } from './Avatar12';
+export { default as Avatar13 } from './Avatar13';
+export { default as Avatar14 } from './Avatar14';
+export { default as Avatar15 } from './Avatar15';
+export { default as Avatar16 } from './Avatar16';
+export { default as Avatar17 } from './Avatar17';
+export { default as Avatar18 } from './Avatar18';
+export { default as Avatar19 } from './Avatar19';
+export { default as Avatar20 } from './Avatar20';
+export { default as Avatar21 } from './Avatar21';
+export { default as Avatar22 } from './Avatar22';
+export { default as Avatar23 } from './Avatar23';
+export { default as Avatar24 } from './Avatar24';
+export { default as Avatar25 } from './Avatar25';
+export { default as Avatar26 } from './Avatar26';
+export { default as Avatar27 } from './Avatar27';
+export { default as Avatar28 } from './Avatar28';
+export { default as Avatar29 } from './Avatar29';
+export { default as Avatar30 } from './Avatar30';